jQuery的。防止追加跳转到顶部（）

Question

我有可滚动的div

<div id="scrollable" style="overflow-y: auto; height:200px;max-height:800px;width: 80px;">
<div>
<table id="chat_content"></table>
</div>

和JS：

jQuery('#chat_content').append("<tr><td>Hi world</td></tr>");

但是当我最富裕的时候。高度和插入，它把我提升到#scrollable

的顶部

如何防止这种情况？

Answer 1

试试这个

$('#chat_content').scrollTop($('#chat_content')[0].scrollHeight);

它会立即滚动到聊天div的底部。在append（）之后运行它。