离子导航栏覆盖并隐藏顶部的所有内容

Question

我刚刚遇到了这个问题，其中标题或导航栏隐藏了它下面的所有内容，它应该将所有内容向下推。

这是它的外观照片：

如您所见，在nav-bar下方隐藏了一个“tekstas”列表项。

这是我的代码：

 <ion-view hide-back-button="false" has-navbar="true" title="Menu"> <ion-side-menus> <ion-side-menu-content> Content! <button ng-click="toggleLeft()"> Toggle Left Side Menu </button> </ion-side-menu-content> <ion-side-menu side="left"> <ul class="list"> <li class="item"> tekstas</li> <li class="item"> tekstas1</li> <li class="item"> tekstas2</li> </ul> </ion-side-menu> </ion-side-menus> </ion-view>

Answer 1

我相信你需要用<ion-content class="has-header">包装你的列表

<ion-content class="has-header">
  <ul class="list">
    <li class="item"> tekstas</li>
    <li class="item"> tekstas1</li>
    <li class="item"> tekstas2</li>
  </ul>
</ion-content>