總是通過滾動很大的數字來滾動到可滾動的div到底部

Question

我有一個可滾動的div，它將通過ajax動態加載對話，並且我想將div始終滾動到底部，並加入新的對話。

我可以簡單地使用

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

完成這項任務？ 即使您實際需要的是100，它也會有什么缺點嗎？我想知道它何時滾動到底部，又不會打擾另一個9999999900？

Answer 1

根據https://developer.mozilla.org/zh-CN/docs/Web/API/Element.scrollTop ：

“如果設置的值大於可滾動內容的最大值，則scrollTop將設置為最大值。”

所以應該不成問題。

Answer 2

只需將div的scrollTop設置為其scrollHeight ：

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

這樣，您可以將div高1000000001px，而無需更改代碼，並且它看起來比隨機的大數字好一點。