当消息数量超出限制时，滚动停止

Question

<div class="leftDiv">
    <div class="messagesContainer" id="messageContainerId">
        <ul class="ulList" id="ul1" data-bind="template: { name: 'messagesTemplate', foreach: messages3, as: 'messages3' }"></ul>
    </div>
</div>
<div class="rightDiv">
     <h4 class="tabHeader"></h4>
    <ul id="ul-3" style="list-style-type: none;"></ul>
</div>

$('#messageContainerId').animate({
    scrollTop: $('#messageContainerId').height()
}, 'slow');

.messagesContainer {
    margin-left: 0px;
    overflow: auto;
    height:550px;
}

我有滚动工作，但当消息大小超出限制时滚动停止。

Answer 1

在谷歌上找到答案的解决方案。