Есть лента сообщений.
Более свежие - появляются снизу.

Ну и, нужно чтобы они (сообщения) снизу появлялись.

Как ни странно, завелось всё с полоборота.

С вот такой вот нехитрой CSS-кой.




Это работает, вкупе с анимацией VUE - сообщения всплывают снизу - глаз не нарадуется.

Проблема в том, что иногда это не работает. Лента не прокручивается. Сообщение появляется, но оно - за видимой зоной.

Если вне рамок какой-то логики, если юзел отмотал ленту на середину и добавил сообщение, то надо чтобы лента ПЛАВНО промоталась в начало (вниз).

Этот момент "добавил сообщение" - у меня есть и есть сам DOM-element. Какие манипуляции можно сделать, чтобы достигнуть эффекта?

Как сделать на JS - я знаю, но ни о какой плавности речь не идёт в этом случае, что неприемлимо.

Если в хроме выключить/включить




То с натяжкой можно посчитать за достижение результата (лента становится в начало), то из JS-кода это уже не работает..

Я сам походу ninja



и




Вот так-та!