jQuery在更新之后滚动到Div的底部？

所以我有一个页面，里面有一个类似聊天的div，里面填满了文字。 它具有固定的高度和宽度（由css定义）。

我需要它在每次更新时滚动到底部，这是我到目前为止使用的JS：

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

它工作了一段时间然后突然停止……我想它可能与我的div设置高度有关？ 我不确定。

那么我该怎么做才能确保div向下滚动到其内容的底部（使用jQuery / AJAX函数更新内容）

提前致谢！

编辑：我也试过$("#div1").animate({ scrollTop: $('#div1').height()}, 0); 但它仍然停止在某一点滚动…

Answer 1

你试过.scrollHeight ？

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

MDN上的scollHeight文档