I have an <ion-footer-bar> in some of my template pages. My main index page has the following:
<ion-nav-bar></ion-nav-bar> <ion-nav-view animation="slide-left-right"></ion-nav-view>
Then in my template pages, I use and specify the footer:
<ion-view> <ion-content></ion-content> </ion-view> <ion-footer-bar></ion-footer-bar>
This works well and I like it because I can control the footer on a per-page basis. The design of the app I’m developing also calls for this since footers are different between pages.
However, when a user transition betweens pages, you can see the footer slide across the top of the screen. I noticed that if I move <ion-footer-bar> to the index.html page (under <ion-nav-view>), there is no transition/animation issues.
Is it possible to fix the animation issue when <ion-footer-bar> is at the bottom of a template page?