how to prevent content scrolling behind footer in ionic framework

Question

My app is built using ionic framework (http://ionicframework.com/docs/api/directive/ionScroll/).

Do you know how to prevent scrolling page content to not scroll behind the footer? http://ionicframework.com/docs/components/#footer

This is currently resulting in content I cannot see. I'd rather have the scrolling region's boundary end at the top of the footer (rather than the bottom of the screen). Is this possible?

Answer 1

You could use the padding utility class to add some breathing room at the bottom of the content area.

Answer 2

If you're using the ion-footer-bar on your abstract template (your router config will have a a value 'abstract') you can apply has-footer to your ion-content (or use it on ion-view too, I think)