PhoneGap, jQuery Mobile Заголовок / Нижний колонтитул Проблема

Question

Создано приложение для телефонной связи с использованием jQuery Mobile. По большей части все работает отлично, примите во внимание постоянные колонтитулы. Они исчезают при нажатии или прокрутке. Положение их также часто облажается. Я хотел бы выяснить, как это исправить. Дайте мне знать, есть ли какой-нибудь код, который я могу вставить.

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

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

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

Answer 1

Вы можете использовать iScroll плагин javascript, который сделает ваш верхний и нижний колонтитулы с фиксированной позицией, а ваш внутренний тег 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

Answer 2

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

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

Удачи