滚动到特定元素的底部，而不会中断页面​​的其余部分

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的底部。