CSS+JS. Как сделать автоскролл?

EEclipsEE Спасибо большое! Работае, но чуть скрола все равно остается, нельзя до упора как-то воплотить?

TechNOIR, если прям заморачиваться, то можно написат отдельную функцию которая до упора скролить будет. То есть при добавлении ответа бота, она смотрит всю высоту окна чата, и скролит на максимум. (код не напишу, но идея думаю ясна). Ну или если хотите что бы окошко полность показывалось а не скрол именно, то последнему сообщению с левой тороны делайте margin-bot в пару пикселей(скролл не будет докручивать возможно но за счет марджина оно будет прям полностью торчать). Тут уже играть можно как угодно.

EEclipsEE, Спасибо за ответ! я добавил последнему блоку сообщения слева :last-child. Но теперь он все блоки слева сччитает как last-child. Как задать бы чтобы первый блок был first-child?

Сделал так:

.message-box.left-img .mes:first-child{
  margin-bottom:0px;
}

.message-box.left-img .mes:last-child{
  margin-bottom:20px;
}

Но не сработало

TechNOIR, не в вашем смлучае надо добавлять не к mes, а ко всему контейнеру(с сообщением и картинкой), у вас это .left-img:last-child.