2011-11-14 2 views
1

Создал приложение phonegap с помощью jQuery Mobile. По большому счету все отлично работает, принимайте за постоянные верхние и нижние колонтитулы. Они исчезают при нажатии или прокрутке. Положение их также довольно часто затягивается. Мне бы хотелось выяснить, как это исправить. Дайте мне знать, есть ли какой-либо код, который я могу вставить.PhoneGap, jQuery Mobile Header/Footer Issue

Кроме того, есть ли что-то конкретное с CSS, которое мне нужно сделать?

Я также пробовал использовать: $ .fixedToolbars.setTouchToggleEnabled (false); без успеха. Есть ли место, куда я должен поместить его?

Любая помощь очень ценится.

ответ

2

Вы можете использовать плагин javascript iScroll, который сделает ваш верхний и нижний колонтитулы фиксированными, а ваш внутренний тег div будет прокручиваться. Вы можете найти iScroll LIB здесь- http://cubiq.org/iscroll

Вы также можете думать о JQTouch Lib (http://jqtouch.com/), который все готово имеет некоторые интересные CSS.

если вы хотите использовали JQTouch и iScroll вместе, вы можете найти полезный код здесь- https://github.com/DataZombies/jQTouch

Демо - http://web.me.com/djpinter1/iPhone/jqtouch/demos/main_tabbar/#ui

спасибо,
Mayur

+0

ya, это будет нормально работать – ghostCoder

+0

В iOS 5 вы можете использовать позицию: fixed; на верхнем и нижнем колонтитуле! – zyrex

+0

Без использования другого плагина, такого как iScroll, я не смог его исправить. Я переключился с PhoneGap на Titanium Mobile. Намного лучше! – Chris

1

Вы можете поместить этот код в документе готово, и оно будет отключено при нажатии и прокрутке

$("[data-role=header]").fixedtoolbar({ tapToggle: false }); 
$("[data-role=footer]").fixedtoolbar({ tapToggle: false }); 

Удачи