jQuery-Mobile Отключить страницу Перетаскивание и предотвращение Прокрутка верхнего колонтитула

Question

Прокрутка в моем Webapp должна только прокручивать часть содержимого. Но как только я прокручу до конца или верхней части содержимого, полосы прокрутки прокрутят верхний или нижний колонтитул. Также страница перетаскивается, что выглядит очень уродливо.

Вот несколько фотографий:

http://imgur.com/1xNLenx,5EVjBuH,WDo0UAa,Kd3bzy5#0

заголовок и нижние колонтитулы фиксируются в заданном положении.

Заголовок:

<div data-role="header" data-theme="b" data-position="fixed" data-tap-toggle="false"> 

Footer:

<div data-role="footer" data-position="fixed" data-tap-toggle="false"> 

Как я могу предотвратить такое поведение? Спасибо.

Answer 1

Если бы вы попытались включить все три атрибута в свой заголовок?

• данных положение = "фиксированный"
• данных тук-тумблер = "ложь"
• данных обновления страниц-набивка = "ложь"

Вот код:

<div data-role="header" data-position="fixed" data-tap-toggle="false" data-update-page-padding ="false"> </div> 

Надеюсь, что эта помощь!

Answer 2

Дайте идентификатор вашему заголовку. И попробуйте добавить этот скрипт.

Jquery

$(document).ready(function() { 
    $("#my_header").fixedtoolbar({ tapToggle: false }); 
}); 

HTML

<div id="my_header" data-role="header" data-theme="b">  
    <h1>Header</h1>   
</div>