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

Question

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

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

想法？

Answer 1

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

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

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

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