Wykonałem system czatu, ale miałem problem z przewijaniem div dla wiadomości, które pasek przewijania musi być domyślnie na dole.Automatyczne przewijanie do dołu DIV
DIV
<div class="chat-body chat-scroll" id="chat-scroll"></div>
STYLE
.chat-scroll{position: absolute; top:0px; bottom: 0px; overflow-y: auto;}
używam JQuery do przedłożenia wiadomość z formularza wejściowego aby odświeżyć zawartość # chat-scroll i automatyczne przewijanie jest W porządku do przesłania, ale przy pierwszym załadowaniu strony, przewijanie pozostaje tylko w środku div # chat-scroll. W przeciwieństwie do tego, gdy wyślę wiadomość, przejdzie ona na dół, gdy wyślę wiadomość.
JQuery do przewijania
$('#chat-scroll').animate({
scrollTop: $('#chat-scroll').get(0).scrollHeight}, 2000);
można udostępnić demo użyciu skrzypce lub codepen . – Tushar