jquery - スクロールトップがうまくいかない

Question

scrollTop : 下にスクロールした後、上に戻ります

スクロールトップを修正するには? 私のスクロールスクリプトは、下にスクロールした後に上に移動します。なにが問題ですか？

ここに私のjqueryコードがあります:

$('#msgBox').animate({ scrollTop: $('#msgBox')[0].scrollHeight}, 2000);

html は次のとおりです。

<div align="left" id="msgBox">
    <div id="inIn" style="margin: 5px;">
        // conversation goes here
    </div>
</div>

<form id="chatForm" action="process.php" method="post">
    <textarea id="sendMSG"></textarea><br />
    <input type="button" id="sendBtn" value="Send"/>
</form>