У меня есть заголовок, подзаголовок и длинный список информации, которую можно прокручивать по вертикали в моем приложении. В настоящее время список информации скрывается за заголовком при прокрутке вверх, но выходит за пределы подзаголовка.
Я попытался изменить подзаголовок, чтобы он был абсолютно позиционирован, и я попытался добавить z-индекс как к прокручиваемому div, так и к подзаголовку, но ни один из них не работал. Я также пытался поместить подзаголовок внутри ion-content, но тогда он также прокручивается с информацией о списке.
Как я могу сделать так, чтобы прокручиваемый контент располагался за заголовком и подзаголовком?
При необходимости может быть предоставлена дополнительная информация.
HTML
<ion-view hide-nav-bar="false">
<div class="sub-header">
<span class="name">{{ user.name }}</span>
</div>
<ion-content has-header="true">
<div class="messages">
<div class="message" ng-repeat="msg in messages">
<div>{{ msg.date }}</div>
<div>{{ msg.text }}</div>
<hr ng-show="!$last"/>
</div>
</div>
</ion-content>
</ion-view>