javascript - 对于多个添加的元素，自动滚动溢出元素不会继续

Question

当通过 jquery .append 将新消息附加到列表时，我试图让一个元素自动滚动到 overflow:auto div 的底部/p>

目前是通过以下方式实现的:

$(".content-wrapper").scrollTop($(".messages").children().height());

它适用于前两个添加的元素，但是当我让它运行更长时间时，它就会停止自动滚动。

The JS Fiddle is here

如何确保它在前两条添加消息后继续滚动？

感谢任何帮助! :)

Answer 1

您必须获取 scrollHeight:$(".content")[0].scrollHeight

因此，您将代码更改为:

$(".content-wrapper").scrollTop($(".content")[0].scrollHeight);

Here is the fiddle