PhoneGap（jQuery Mobile）應用程序中的滾動問題

我的PhoneGap（使用jQuery Mobile）應用程序有一些奇怪的滾動問題：我在頁面中使用頁眉和頁腳。之間有我想要顯示的內容。因爲還有一個背景圖像我正在使用白色背景顏色的容器，其中的文本更好的可讀性。該容器被定位是這樣的：PhoneGap（jQuery Mobile）應用程序中的滾動問題

position:absolute; 
top: 77px; /*header height*/ 
bottom: 54px; /*footer height*/ 
left:10px; 
right:10px; 
overflow: auto;

當我測試的頁面與Firefox這完美的作品，但它只是不會在手機上使用。任何人都知道爲什麼？

編輯：對不起......它已經過Android測試，沒有工作。在iPhone上它工作！

手機上發生了什麼/ – ghostCoder 2012-02-01 13:37:07

Nothing =）看起來容器只是隱藏溢出... – 2012-02-01 13:46:35

我已經用iPhone測試了它...現在它就像它應該那樣工作！ Android上有什麼特別的？ – 2012-02-01 14:03:06

Android在版本1-3中將每個溢出解釋爲溢出：隱藏，因此您無法使用溢出：滾動並必須使用JavaScript滾動（http://www.androidannoyances.com/post/51）

2012-04-03 09:36:42 strapsi0

你可以通過使用jQueryMobile的data-position = fixed或使用像iScroll這樣的第三方庫來解決這個問題，這是我用來解決問題的方法。

2012-02-22 14:22:35

回答