NOT sticky footer



I need to set a footer to my app that is not Sticky.

I mean that the footer belong to the bottom of the page but he does not override any content on the view.

I placed it first after ion-content but it acts as a Sticky footer :confused:

Then I placed it inside the ion-content, but on views with less than a page of content, there is some white space under it.

Does anyone got the solution to have a footer always on bottom, but not position:fixed ?

Just like on this Codepen, but with ionic.

Thanks in advance.


I just figure it out that adding

 .scroll {

and placing the ion-footer inside and bottom of the ion-content did the trick.