jquery - jQuery。append() で先頭にジャンプしないようにする

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() の後に実行します。