如何在将内容添加到 div 时自动滚动？答案

【问题标题】：How can I auto-scroll as content is added to a div?如何在将内容添加到 div 时自动滚动？
【发布时间】：2012-05-14 19:30:49
【问题描述】：

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

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

想法？

【问题讨论】：

【解决方案1】：

你可以在每次添加文字后使用scrollTop方法：

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

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

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

【讨论】：

【解决方案2】：

我发现这种方法可以满足我的需求：

var realHeight = $("#history")[0].scrollHeight;
$("#history").scrollTop(realHeight);

请注意这里使用 jquery。

【讨论】：