总是滚动到一个可滚动的div到底部，总是滚动一个非常大的数字

Question

我有一个可滚动的div，它将通过ajax动态加载对话，我想滚动div总是到底部与新的对话进来。

可以直接用

吗?

 $(".conversation").scrollTop(1000000000);

完成这个任务?它有任何缺点，即使你真正需要的是100。我想知道每当它滚动到底部时，它就不会再滚动9999999900了?

Answer 1

根据https://developer.mozilla.org/en-US/docs/Web/API/Element.scrollTop:

"如果设置的值大于内容可滚动的最大值，则scrollTop被设置为最大值。"

Answer 2

将div的scrollTop设置为其scrollHeight:

$(".conversation").scrollTop($(".conversation")[0].scrollHeight);

这样你就可以有一个1000000001px高的div，而不需要修改代码，它看起来比一个随机的大数字要好一些。