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

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 作为最后添加的元素