NOT sticky footer


#1

Hi,

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.


#3

I just figure it out that adding

 .scroll {
    min-height:100%;
    }

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