how to prevent content scrolling behind footer in ionic framework

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?

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)

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