jQuery mobile прокручивает верхний и нижний колонтитулы (исправлены панели инструментов?)

Question

Я использую phonegap и jqm для разработки простого приложения. Моя проблема в том, что нижний колонтитул и верхний колонтитул прокручиваются при достижении верхней или нижней части страницы.

Если я наверхустраницы, и я прокручиваю вверх, заголовок прокручивается - то же самое для нижнего колонтитула (см. прилагаемое изображение)

Я пробовал iScroll, но он ничего не исправил.Я попытался переопределить настройки jqm css, установив переполнение тела на скрытый и переполнение .ui-content div для прокрутки - тоже не сработало.

Я также пытался установить положение телаисправлено.Затем, когда я прокрутил, тело не двигалось, но черный экран поднялся снизу и спрятал страницу.

Есть идеи?

Answer 1

Для меня iScroll не помог.Я исправил заголовок, я исправил его по-JQM, так что это выглядит так:

<div data-role="header" class="basic-top" data-position="fixed" data-tap-toggle="false" data-transition="none">

И долго было найти способ найти хороший код, распознать дно страницы ичтобы загрузить больше контента.

Наконец я использовал это:

$(window).scroll(function() {
   if($(window).scrollTop() + window.innerHeight == $(document).height()) {
    NameFunctionWhatCallsAjax();
   }
});

И я поместил это в заголовок:

<meta name="viewport" content="width=device-width, initial-scale=1">

Это работает на Iphone и других мобильных устройствахтоже.Я надеюсь, что это сработает и для вас.

Answer 2

Привет, это attr добавить в заголовок и тег нижнего колонтитула и использовать iscroll и iscrollview плагины для контентаэто работает нормально для меня

data-position="fixed" data-tap-toggle="false" 

Answer 3

Существует сценарий iscroll / jqm, выпущенный под лицензией MIT. за это ...

https://github.com/yappo/javascript-jquery.mobile.iscroll

Надеюсь, это поможет.