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

Question

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

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

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

Answer 1

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

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