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">

页脚：

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

如何防止这种行为？ 谢谢。

Answer 1

您是否尝试过将所有三个属性都包括在标题中？

• 数据位=“固定”
• 数据抽头肘节=“假”
• data-update-page-padding =“ false”

这是代码：

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

希望有帮助！

Answer 2

给您的标头提供一个ID。 并尝试添加此脚本。

JQUERY

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

HTML

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