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

Question

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

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

div中会添加更多文本但是当div确实展开时，如何让垂直滚动条保留在条形图的底部，以便用户可以看到附加文本？

Answer 1

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

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

Answer 2

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