自动卷到底DIV

Question

我已经建立了聊天系统，但是我在滚动div时遇到了问题，因为滚动条必须处于默认的底部。

DIV

<div class="chat-body chat-scroll" id="chat-scroll"></div>

风格

.chat-scroll{position: absolute; top:0px; bottom: 0px; overflow-y: auto;}

我使用JQuery作为来自输入表单的提交消息来重新加载#聊天-滚动的内容，并且自动滚动可以提交，但是当第一次加载页面时，滚动只停留在div #聊天-滚动的中间。与我提交消息不同的是，当我发送消息时，它会下降到底部。

滚动JQuery

$('#chat-scroll').animate({
scrollTop: $('#chat-scroll').get(0).scrollHeight}, 2000);                   

Answer 1

当窗口加载时，使用document.ready在底部滚动聊天div

演示

$(document).ready(function() {
    $('#chat-scroll').animate({
        scrollTop: $('#chat-scroll').get(0).scrollHeight
    }, 2000);
});