Showing a new taller div causes ion-content to not scroll to bottom


#1

My ion-content tag starts out with some html elements inside. When a certain action is performed, some more content appears using the ng-if logic around another div.

The problem is that once that new div shows up, which is taller than the original content, then the ion-content will not scroll to the bottom of the page. It’s like it doesn’t realize that there is now more content available than the original content size.

Can I call a javascript function to tell it to recalculate it’s scrollable height?

The open tag looks like this:

<ion-content class="padding">

#2

Manually trigger a resize after having inserted the new contents by calling $ionicScrollDelegate.resize()


#3

That solution was perfect! Thank you for the help!!