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

为标题提供ID。并尝试添加此脚本。

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

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

Answer 2

您是否尝试将所有三个属性也包含到您的标头中？

• 数据位置="固定"
• data-tok-toggle="false"
• data-update-page-padd="false"

这是代码：

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

希望这有帮助！