CODEWITHSUNDEEP
javascriptcssweb-applicationsionic-framework
thinkbigthinksmall
thinkbigthinksmall

Reputation: 904

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?

Upvotes: 4

Views: 7739

Answers (2)

premiumFrye
premiumFrye

Reputation: 327

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)

Upvotes: 9

amay0048
amay0048

Reputation: 1091

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

Upvotes: 1

Related Questions