Jquerymobile頁腳移動

我使用jquerymobile爲android phonegap應用程序。我想創建一個粘貼到屏幕底部的頁腳（所以它始終顯示），即使您必須在頁面上滾動。現在這是工作的一半。當我在模擬器滾動測試下來一個頁面上，點擊屏幕上（用鼠標）頭跳起來（看一個例子：http://tinyurl.com/pdv6nlp和http://tinyurl.com/p6xycr9 Jquerymobile頁腳移動

我的代碼是非常基本的：

<div data-role="page" id="blog" style="background-image:url(img/bg_hdpi.png); background-repeat:no-repeat; background-position:top center; background-attachment:scroll; background-color:#d7d8d8;"> 


<div data-role="content"> 
    <div id="contentTXT"> 
     <div id="outputblog"></div> 
     <img src="img/spacer.gif" height="60" width="100"> 
    </div> 
</div><!-- /content --> 

<div data-role="footer" data-position="fixed" > 
    <div style="float:left;"><a href="#" onclick="history.back(); return false">back</a></div> 
    <div style="float:right;"><a href="#foo" data-transition="flip">home</a></div> 
</div> 
</div>

有人可以幫助我

來源

2013-07-02 user2483081

點擊'$（$。mobile.activePage）.trigger（'updatelayout'）;'嘗試此修復。 – Omar

你是說在標題的某個地方？當我將它放置在標題中時，這不是任何內容： – user2483081

不，點擊事件。（'click'，function（）{上面的代碼}）;' – Omar

一對夫婦的CSS線應該修復直到：？

position:fixed; 
bottom:0;

與您的頁腳股利內嵌使用：

<div data-role="footer" data-position="fixed" style="position:fixed;bottom:0;">

來源

2013-07-02 16:48:38 jjsears6

position：fixed應該避免，因爲在舊手機上，web視圖不理解固定的css規則。 – abdu

如果你使用的CSS位置固定，會破壞老設備，如黑莓手機，舊iPhone和老的Android，所以只適用於Android 4.x.

要正確使用jquery mobile屬性，請在頁腳中添加一個標記，以使其固定在屏幕底部。

<div data-role="footer" data-position="fixed" data-tap-toggle="false"> 
    <div><a href="#" onclick="history.back(); return false">back</a></div> 
    <div><a href="#foo" data-transition="flip">home</a></div> 
</div>

即使您滾動或輕敲身體，輕觸切換鍵將保留頁腳。

來源

2013-07-03 07:33:52 abdu

'data-tap-toggle =「false」'適用於我。這應該是更好的答案。 –

@CarsonIp data-tap-toggle不足以修復Android模擬器中的跳轉頁腳。所以，這不是更好的答案。 data-tap-toggle修復了小頁腳跳躍。 –

如果使用1.1或更高版本，請在您的頁眉和頁腳中添加data-tap-toggle =「false」，如此處所述。

來源

2015-03-16 09:08:50 eliprodigy

Jquerymobile頁腳移動

回答

相關問題