下面的方法会有用。请注意[0]和scrollHeight

$("#myDiv").animate({ scrollTop: $("#myDiv")[0].scrollHeight }, 1000);

滚动窗口到目标div的底部。

function scrollToBottom(id){
  div_height = $("#"+id).height();
  div_offset = $("#"+id).offset().top;
  window_height = $(window).height();
  $('html,body').animate({
    scrollTop: div_offset-window_height+div_height
  },'slow');
}

scrollToBottom('call_div_id');

更新:请参阅Mike Todd的解决方案以获得完整的答案。

$("#div1").animate({ scrollTop: $('#div1').height()}, 1000);

如果你想让它变成动画(超过1000毫秒)。

$('#div1').scrollTop($('#div1').height())

如果你想要即时的。

jquery的动画(版本> 2.0)

var d = $('#div1');
d.animate({ scrollTop: d.prop('scrollHeight') }, 1000);

这些都不适合我，我在一个网页应用程序中有一个类似于Facebook messenger的消息系统，并希望消息出现在div的底部。

这是一个基本的Javascript。

window.onload=function () {
     var objDiv = document.getElementById("MyDivElement");
     objDiv.scrollTop = objDiv.scrollHeight;
}

当页面加载时，滚动是最大的值。

这是消息框，当用户发送消息时，总是显示最新的聊天，所以滚动值总是最大的。

$('#message').scrollTop($('#message')[0].scrollHeight);

见图片