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

【问题标题】：ionic nav-bar covers and hides everything at the top离子导航栏覆盖并隐藏顶部的所有内容
【发布时间】：2014-12-21 21:39:18
【问题描述】：

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

这是它的外观照片：

如您所见，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>

【问题讨论】：

您的标题或导航栏在哪里？请同时更新。您可能希望使用指令来包裹您的内容，它会根据是否存在标题或导航栏自动定位主要内容。
我完全修复了它。我的导航栏在索引页面中，我从那里将其删除并单独添加到需要它的单独页面中。在此页面中，我在标记内添加了导航栏。现在我相信它运行顺利
您能发布您的工作示例吗？我对标题覆盖的按钮有同样的问题
仍在等待官方修复或对此错误的推理。我从 Ionic Creator 开箱即用。

标签： html cordova ionic-framework

【解决方案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>

【讨论】：