离子导航栏封面并隐藏顶部的所有内容

问题描述：

Helllo，我刚刚遇到了这个问题，其中标题或导航栏隐藏了它下面的所有内容，它会将所有内容都推下。离子导航栏封面并隐藏顶部的所有内容

这里是它的样子照片：

http://i.stack.imgur.com/rr4Nj.png

正如你可以看到有隐藏的导航栏下方的“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>

我'对不起，如果我的问题听起来很愚蠢，但我'很新进入的所有Web开发，特别是进入离子。

哪里是你的头或导航栏来包装你的名单？请更新以及。您可能会希望使用指令来环绕您的内容，该内容根据是否存在标题或导航栏自动定位主要内容。 – 2014-10-27 00:27:54

我修好了。我的导航栏位于索引页面，我从那里删除它，并单独添加到单独的页面中，我需要它。在此页面中，我在标签内添加了导航栏。现在我相信它运行顺利 – user3718568 2014-10-27 08:02:13

你可以请你张贴你的工作示例吗？我有与标题覆盖的按钮相同的确切问题 – 2015-03-23 19:51:00

答

我相信你需要<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>

离子导航栏封面并隐藏顶部的所有内容

相关推荐