jquery – 自动滚动到底部DIV

前端之家收集整理的这篇文章主要介绍了jquery – 自动滚动到底部DIV前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我已经建立了聊天系统,但是滚动div的问题是滚动条必须在底部作为默认值.

DIV

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

样式

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

我使用JQuery从输入表单提交消息来重新加载#chat-scroll的内容
并且自动滚动可以提交,但是当第一次加载页面时,滚动只停留在div#chat-scroll的中间.与我提交消息不同,当我发送消息时它将会显示底部.

JQuery For Scrolling

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

解决方法

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

DEMO

$(document).ready(function() {
    $('#chat-scroll').animate({
        scrollTop: $('#chat-scroll').get(0).scrollHeight
    },2000);
});
原文链接:https://www.f2er.com/jquery/177849.html

猜你在找的jQuery相关文章