Hi everyone. I’ve been having a great time creating with Ionic 2 so far Just want to put forth my question to the community as I’m out of answers.
I am trying to create pages that have a static header/footer along with a scrollable list. After many attempts at sizing said list (including fiddling with the DOM) I have settled on an ion-header-bar approach.
Here’s a very rudimentary, stripped down template:
<ion-navbar *navbar primary> <ion-title>Chat</ion-title> </ion-navbar> <ion-content> <!--Chat messages here--> </ion-content> <ion-footer-bar> <!--Chat Input Here--> </ion-footer-bar>
With this approach, I run into the unintended side effect that there are no animations on the footer or header bar. Using
this.nav.pop results in it staying static while
Also, after some testing, I found out that if the footer bar is wrapped in
ion-content, it will animate properly. However, it will then scroll with the rest of the content.
Anyone have a solution or different approach to this problem? As a backup, I have my DOM hack but I really don’t wish to use it if possible. Thanks!