Проблемы с прокруткой в ​​PhoneGap (jQuery Mobile) App

Question

У меня есть некоторые странные проблемы с прокруткой моего приложения PhoneGap (с использованием jQuery Mobile): Я использую верхний и нижний колонтитул на своей странице. Между ними есть контент, который я хочу отобразить. Поскольку есть также фоновое изображение, я использую контейнер с белым цветом фона, который в нем лучше читается. Этот контейнер позиционируется как это:

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

Это отлично работает, когда я проверить страницу с FireFox, но это просто не работает на телефоне. Кто-нибудь знает почему?

Редактировать: Извините ... он был протестирован с Android раньше, там не работает. На iPhone он работает!

Answer 1

Android в версии 1-3 интерпретировать каждое переполнение как переполнение: скрытый, так что вы не можете использовать переполнение: прокрутки и должны использовать JavaScript-прокрутка (http://www.androidannoyances.com/post/51)

Answer 2

Вы можете обойти это, используя jQueryMobile-data-position = fixed или используя стороннюю библиотеку, такую ​​как iScroll, и это то, что я использовал для решения проблемы.