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

Question

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

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

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

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

Answer 1

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

Answer 2

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