在页面加载（jQuery）上滚动到Div的底部

Question

在页面加载（jQuery）上滚动到Div的底部我的页面上有一个div：<div id='div1' style='overflow:scroll;overflow-x:hidden;max-height:200px;'></div>如何让div滚动到div的底部？不是页面，只是DIV。

Answer 1

我在这里看到的所有答案，包括当前“被接受”的答案，实际上是错误的，因为它们设置：

scrollTop = scrollHeight

而正确的方法是设置：

scrollTop = scrollHeight - clientHeight

换一种说法：

$('#div1').scrollTop($('#div1')[0].scrollHeight - $('#div1')[0].clientHeight);

或动画：

$("#div1").animate({
  scrollTop: $('#div1')[0].scrollHeight - $('#div1')[0].clientHeight}, 1000);

Answer 2

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

如果你想要它动画（超过1000毫秒）。

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

如果你想瞬间。