jquery - 滚动到特定元素的底部而不破坏页面的其余部分

Question

<div id="test" style="height:200px;overflow:scroll;">
  ...large amount text...
  <div id="bottom"></div>
</div>

在整个会议期间，jQuery 将向#test.

问题是，一旦文本超过折叠，如果不手动滚动就看不到它。为了解决这个问题，我让它跳到#bottom. 问题是这会破坏页面的其余部分并导致它跳回，#bottom而不管用户当时可能在页面上的哪个位置。

如何使滚动保持在底部而不使窗口跳回#bottom？还有什么方法可以做到这一点？

Answer 1

我最近不得不做类似的事情。

每次注入更多文本时，您都可以运行它：

$("#test").scrollTop($("#test")[0].scrollHeight);

这将滚动到测试 div 的底部。