jQuery的移動持久性導航欄頁腳部分隱藏

使用jQuery的移動1.3.1。創建一個持久的導航欄內頁腳，工作正常，但導航欄只是部分顯示。大約一半的高度是隱藏的。jQuery的移動持久性導航欄頁腳部分隱藏

這裏的代碼，這是「內容」

<div data-role="footer" dat-id="foo1" data-position="fixed" > 
    <div data-role="navbar" > 
      <ul> 
      <li><a href="#" data-icon="grid">page1</a></li>             
      <li><a href="#" data-icon="star">Page2</a></li> 
     </ul> 
    </div> 
</div>

我做了什麼錯結束div後？

來源

2013-05-02 Saint Dee

你也許有一些自定義的CSS在這個頁面上使用？該示例在頁面內使用時效果很好。你可以發佈你的整個頁面的HTML嗎？ – Gajotres 2013-05-02 11:42:38

我認爲你的一些自定義CSS是搞亂導航欄的CSS。除非你可以顯示使用你的整個頁面，也許css沒有什麼可以做的。

如果你認爲你的CSS是不是這個問題，你可以隨時使用這個CSS解決您的導航欄位置的原因：

.ui-navbar { 
    margin-bottom: 30px !important; 
}

在PX使用任何尺寸，這將有助於你提升導航欄，以正確的高度。

來源

2013-05-02 12:19:01 Gajotres

jQuery的移動持久性導航欄頁腳部分隱藏

回答

相關問題