自动滚动到底部DIV

我已经建立了聊天系统，但是滚动div的问题是滚动条必须在底部作为默认值。

DIV

样式

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

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

JQuery For Scrolling

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

Answer 1

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

DEMO

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

Answer 2

 var objDiv = document.getElementById("your_div"); objDiv.scrollTop = objDiv.scrollHeight;