How to automatically scroll down when adding content to a wrap?

Question

JavaScript

I have a wrap, inside of which there are other elements, and if the scroll is already at the very bottom, it is necessary that when adding an element, the scroll is again at the very bottom and this new element is visible, like messages in VK.

Answer 1

Element.scrollIntoView()

Answer 2

My bike:
This is when adding from above:
https://jsfiddle.net/n0rmt92o/99/
and this is one of the options when adding from below:
https://jsfiddle.net/n0rmt92o/29/