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

Question

我有一个固定尺寸的div，其中一些JavaScript函数会随着时间的推移放置文本。当文本数量超出框的高度时，滚动条会出现，这要归功于溢出：滚动。

新问题是，视图进入div保持在更多的内容出现在同一个地方。我的意思是说，它保持滚动，因为更多的内容出现在下面，隐藏除非您手动向下滚动。我想让它在新内容出现时自动滚动到底部，以便用户自然地看到最近出现的内容，而不是最早出现的内容。

想法？

Answer 1

您可以将每个文本添加后使用scrollTop方法：

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

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

DEMO：http://jsfiddle.net/eyY5k/1/

Answer 2

我发现这种方法对我的工作需要：

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

请注意，这个使用jQuery的。