javascript - 如何在内容添加到 div 时自动滚动？

Question

我有一个固定尺寸的 div，随着时间的推移，一些 JavaScript 函数会在其中放置文本。当文本量超过框的高度时，由于 overflow:scroll 出现滚动条。

新问题是，随着更多内容的出现，div 中的 View 停留在同一位置。我的意思是，随着更多内容出现在下方，它会在任何地方保持滚动状态，除非您手动向下滚动，否则它会隐藏起来。我想让它在出现新内容时自动滚动到底部，以便用户自然地看到最近出现的内容，而不是最旧的内容。

想法？

Answer 1

您可以使用 scrollTop每次添加文本后的方法:

$("div").scrollTop($("div").children().height());

使用内部 block 获取真实高度。

演示: http://jsfiddle.net/eyY5k/1/