Fix list scroll at bottom

I’m trying to make a list fix its scroll at the bottom of the page before rendering the content.

Right now I’m doing this way:

I want to render the page with the scroll already at bottom. Is there a way to achieve this?

I am also facing the same problem. UX is not good while implement in this way

Anyone ever find a solution to this? I’ve tried hiding the div that the messages are displayed in until scrollBottom has completed, but if the content is hidden it doesn’t have the correct height - therefore it cannot accurately scroll to the bottom. @mhartington