Как сделать, чтобы последний добавленный div был виден в родительском div.overflow-auto?

Question

[Wamsmer]

Доброго времени суток. Прошу подсказать, как реализовать следующее:
Есть div с бутстраповским классом "overflow-auto".
При нажатии на кнопку, в него добавляется новый div с помощью js (метод append).
Полоса прокрутки overflow-auto всегда находится вверху и добавленные дивы внизу не видно.
Как реализовать, чтобы полоса прокрутки всегда была снизу и было видно последний добавленный див?
Пример: так реализован whatsapp-web.

Answer 1

[Владимир Проскурин]

Нужно при добавлении элемента, перемещать позицию скролла блока на позицию, равную высоте скролла scrollHeight. Пример на jQuery

без jQuery
https://jsfiddle.net/Lms1y5vw/1/