Как зафиксировать скролл внизу страницы?

Question

[Danya Wyse]

Нужно чтобы после отправки сообщения чат был отскролен внизу (как в реальных диалогах)
https://iwyse.github.io/ChatBot/

Comments

[Вадим]

Что Вы попробовали для этого сделать и что не получилось?

Answer 1

[Elvis]

let chat = document.getElementsByClassName('chat__wrapper')[0];
chat.scrollTop = chat.scrollHeight;

Comments

[Danya Wyse]

А что означает [0] ?

[Elvis]

Danya Wyse, getElementsByClassName возвращает список элементов, которые содержат указанный класс. Так как у нас список, пусть даже из одного элемента, но всё же список, нужно выбрать номер элемента в этом списке. В нашем случае это 0, так как отсчёт начинается с нуля.

Answer 2

[Kvason]

отслеживай нажатие кнопки отправки либо ентер и проскроливай ровно на высоту сообщения + отступ