ПРОДОЛЖИТЬ СКАЧИВАНИЕ


Скрол всегда внизу. Чистый js.

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

Оказалось все очень просто можно решить в одну строку кода:

document.querySelector('.chat-messages').scrollTop = document.querySelector('.chat-messages').scrollHeight;

Либо, если чать подгружается по Ajax, после прогрузки сообщений, с небольшой задержкой делаем действие скрола.

setTimeout(function() {
    document.querySelector('.chat-messages').scrollTop = 
    document.querySelector('.chat-messages').scrollHeight;
  }, 10);

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Этот сайт использует Akismet для борьбы со спамом. Узнайте как обрабатываются ваши данные комментариев.

×