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>