jQuery Mobile的和固定的頁腳

我有一個jQuery移動應用程序包在PhoneGap的。我正在嘗試使用固定頁腳和頁眉，並且在頁腳上遇到了一些問題。如果我有X長度的內容，然後在點擊後的含量越少 - 頁腳會向上移動，而不是粘在屏幕的底部。如果我點擊屏幕，它會回到原來的位置。jQuery Mobile的和固定的頁腳

任何想法，爲什麼會發生這種情況？

我的頁腳代碼：

<div data-role="footer" data-position="fixed" data-id="footer_main"> 
    <div data-role="navbar"> 
     <ul class="navbar"> 
      <li><a href="#home" data-icon="home" class="search">Home</a></li> 
      <li><a href="#bycity" data-icon="search" class="search2">City</a></li> 
     </ul> 
    </div><!-- /navbar --> 
</div><!-- /footer -->

這個問題會發生在Android和iPhone在幾乎相同的方式（iPhone甚至更多）。

BTW - 我使用jQuery移動「jquery.mobile-1.0b2」和PhoneGap的1.0

來源

2011-08-20 Roman

這是一個jQuery Mobile的問題。目前沒有解決方案。 –

哦，人......沒有工作？ – Roman

等待B3，......和最終版本 –

嘗試添加類頁腳：

<div class=」footer」 data-role="footer" .....>

，並添加以下功能的點擊事件：

$('.footer').trigger('create');

應該是這個樣子：

$('.class').click(function() { 

    $('.footer').trigger('create'); 

});

來源

2011-10-11 02:48:47 LarsB

我也有同樣的問題。我的導航是隱藏的，並且會在用戶點擊show-navigation-button時顯示。

的問題是，即JQM計算和動畫頁腳位置使用位置的頂部屬性instad：固定;底部：0;

我敢肯定，有理由爲自己的選擇。但我不知道它是什麼。而我發現沒有重新定位頁腳頂部位置的功能。 $('.footer').trigger('create'); ..不適合我。

來源

2012-02-23 16:40:16

您可以通過添加CSS屬性，它具有固定在底部頁腳。

bottom:0; 
position:absolute !important; 
top: auto !important; 
width:100%;

來源

2013-08-12 10:39:11

附加風格= 「的位置是：絕對」到頁腳DIV這樣的：

<div data-role="footer" data-position="fixed" style="position: absolute">

來源

2014-03-11 11:38:33 batanasov

jQuery Mobile的和固定的頁腳

回答

相關問題