Cordova/Phonegap，jQuery Mobile，Android和粘性固定頁腳

假設jQuery Mobile（v1.1）固定頁腳停留在屏幕底部並浮在文本的頂部，否則始終可見。這在瀏覽器中效果很好，但是當我將它與Phonegap（現在稱爲Cordova）（v1.6）捆綁到一個Android應用程序中時，頁腳首先出現在任何位置。這是頁腳與文字滾動。Cordova/Phonegap，jQuery Mobile，Android和粘性固定頁腳

真的很奇怪的是，當你點擊屏幕時，頁眉和頁腳被固定到頁面的頂部和底部（這是jQuery Mobile內置的具有固定頁眉和頁腳的功能），當你再次點擊它時，頁眉和頁腳返回浮動狀態。但是這一次，頁腳停留在屏幕的底部，不會像文字一樣從文本滾動。

任何想法如何解決頁腳？

這裏是我使用的代碼：

<div data-role="footer" data-theme="b" data-position="fixed" data-id="myfooter"> 
     <a href="#nextPage" data-role="button" data-icon="arrow-r" data-iconpos="right" data-theme="d" data-transition="slide">Continue</a> 
    </div>

這是我所看到的一個例子。

footer example

來源

2012-04-19 nroscoe

已測試您的代碼，它在模擬器和我的三星Galaxy與android 2.3.3都能正常工作，標記似乎是正確的。你能提供更多的信息，比如你的測試設備和/或相關的css/js嗎？ – 2012-04-20 17:42:57

我的模擬器在Android 2.1中顯示這個錯誤，你有沒有進一步診斷問題@ nroscoe？ – KingCronus 2012-05-17 11:10:42

他們已經完全重寫了這個PhoneGap 1.8我認爲，現在它在2.0版我期望它能正常工作......我們應該測試並關閉這個問題嗎？ – 2012-08-14 11:47:29

固定頁腳工作jQuery Mobile的1.2。我在論壇上發現了很多修復更新，所以它可能已經有所改進。 iOS上滑動鍵盤/輸入時也存在一個問題，即錯誤地將頁腳移動到頁面中間。

我肯定會建議升級到jquery.mobile-1.2.0.js並從那裏開始。我必須這樣做，並且除了小車行爲外，固定頁腳也起作用。

來源

2012-11-02 21:26:51 sonjz

注意：您描述的小車行爲仍然在1.2中發生，但是當您在鍵盤/輸入滑動後單擊頁面內容時。 – sonjz 2012-11-02 21:28:51

Cordova/Phonegap，jQuery Mobile，Android和粘性固定頁腳

回答

相關問題