连续添加文本时，垂直滚动条如何保持在底部？答案

【问题标题】：How can a vertical scroll bar stay at the bottom when text is added continuously?连续添加文本时，垂直滚动条如何保持在底部？
【发布时间】：2011-12-08 19:37:59
【问题描述】：

我有一个 div，它有一个滚动条，这是我使用的代码：

<div style="width: 200px; height: 250px; overflow: scroll; overflow-x: hidden; -ms-overflow-x: hidden;" id="container"></div>

会有更多的文本添加到 div，但是当 div 确实展开时，我怎样才能让垂直滚动条保持在栏的底部，以便用户可以看到附加的文本？

【问题讨论】：

添加后滚动到底部？只要你能保证你不会添加太多你错过的东西。

标签： javascript jquery html css append

【解决方案1】：

您应该将scrollTop 设置为scrollHeight，例如：http://jsfiddle.net/fAK2L/1/。

var div = $('div');
div.scrollTop( div.get(0).scrollHeight );

【讨论】：

唯一的问题是，div 有一个固定的高度。我正在附加文本。
@Pete Allport：对不起，我想错了。你必须使用scrollHeight：jsfiddle.net/fAK2L/1。

【解决方案2】：

使用element.scrollIntoView 作为最后添加的元素

【讨论】：