I’m an ionic beginner, and I’m facing a problem when working with different views.
Here is my layout :
- The index.html page contains nothing else than a ion-nav-view :
- Then the main.html template file contains a header bar, and a named ion-nav-view :
- And finally, the html template that shows in the main-view :
<ion-content> ... </ion-content>
My main-view is working fine, but there is just an issue with the scrolling of the ion-content.
When I scroll the page to the bottom, it will stop before the actual bottom of the content. And it seems that the scrolling difference is just the height of the header bar…
When I remove the “has-header” class on the ion-nav-view, I can scroll to the bottom correctly, but then the header bar is overlapping my content.
Do you know how to get rid of this issue please?
Thanks for your help,