Как разрешить прокрутку div переполнения всегда внизу?

Question

Я использовал

$('.chatroom-upper-container').scrollTop($('.chatroom-upper-container')[0].scrollHeight); 

это работает только тогда, когда я отправить новое сообщение прокрутки будет обновлять вниз, но как при загружаем страницы по ДИВ прокрутки всегда будет идти вниз?

https://jsfiddle.net/729jz8me/

Everthing это отлично работает в JsFiddle

, но в моей странице прокрутки не пойдет вниз при загрузке страницы вот моя страница

свиток будет идти вниз, когда я отправляю новое сообщение, так как я могу сделать страницу загруженной, прокрутка будет снижаться?

EDIT Возможно, я не очень четко сформулировал вопрос. Так что я хочу, когда я открою страницу, свиток будет внизу. Теперь я могу пойти в нижнюю часть страницы, когда я отправлю новое сообщение, но когда я закрою его снова, прокрутка страницы снова вернется. Я не знаю, почему мой код не работает на странице не работают только в JsFiddle

Answer 1

Можете ли вы попробовать следующий JQuery код: -

$(document).ready(function(){ 
    setTimeout(function(){ 
     $('.chatroom-upper-container').scrollTop($('.chatroom-upper-container')[0].scrollHeight); 
    }, 500); 
}); 

Это может помочь вам.

Answer 2

Мы можем объединить мою идею с вашими:

• Начало списка в нижней части с кодом

• кнопку Создать, чтобы вызвать событие, когда пользователь нажимает на кнопку, свиток добраться до дна.

Итак, таким образом, когда мы начали страницу, в первый раз, то список будет на дне, а затем, когда вы отправляете сообщение, то список будет находиться в нижней части тоже.

$(document).ready(function(){ 
    //When page is loaded the first time 
    $('.chatroom-upper-container').scrollTop($('.chatroom-upper-container')[0].scrollHeight); 
    //Thus when page is loaded, the list started at the top 
    $('.YourSendButton').click(function(){ 
     $('.chatroom-upper-container').scrollTop($('.chatroom-upper-container')[0].scrollHeight); 
    }); 
});