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);