How exactly do I add a sticky bar for the modal?
This is how I understand how to add a sticky header in the modal:
<ion-modal-view class="" ng-controller="SomeController"> <ion-header-bar class="bar-positive bar-subheader"> <h1 class="title">View's Title</h1> <h5>Sticky text here</h5> </ion-header-bar> <ion-content has-subheader="true" >
The visual result is shown below:
The red box is the top of the
<ion-header-bar> which is just a space caused because adding class
Another problem, the
<h1>View's Title</h1> is pushed all the way to the right. It’s ciricled purple in the picture.
But the header is definitely sticky where I would scroll the content (surrounded by blue lines) and the header won’t scroll along.