There’s a CSS solution for this that works way smoother.
I was running into the same issues, and trying to solve it with
.scrollToBottom() and timeouts and whatnot. the solution was passable at best. But definitely not great.
This answer did it for me. For Ionic 3, I just added this to the css of the page:
overflow: auto; /* redundant, but just in case */
display: flex; /* redundant, but just in case */
Be sure to have a div inside your
<ion-content> that contains all the other content, otherwise your content will be ordered in reverse.