離子導航欄封面並隱藏頂部的所有內容

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-26 user3718568

哪裏是你的頭或導航欄來包裝你的名單？請更新以及。您可能會希望使用指令來環繞您的內容，該內容根據是否存在標題或導航欄自動定位主要內容。 – 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>

來源

2015-08-01 04:08:42 mrdeleon

離子導航欄封面並隱藏頂部的所有內容

回答

相關問題