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

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