如何将内容添加到div中时自动滚动？

Question

我有一个固定维度的div，一些JavaScript函数将随着时间的推移放置文本。 当文本量超过框的高度时，由于溢出：滚动，会出现滚动条。

新问题是div中的视图与更多内容出现时保持在同一位置。 我的意思是说，除非你手动向下滚动，否则它会随着更多内容显示在下方而保持滚动状态。 我希望在新内容出现时自动滚动到底部，以便用户自然地看到最近出现的内容，而不是最旧的内容。

想法？

Answer 1

每次添加文本后都可以使用scrollTop方法：

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

使用内部块来获得真正的高度。

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

Answer 2

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

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

请注意，这使用jquery。