jQuery 即使更新后也滚动到 Div 底部？

Question

所以我有一个页面，其中有一个类似聊天的 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);

scollHeight documentation at MDN