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