jquery - jQuery-Mobile 禁用页面拖动并防止滚动页眉/页脚

Question

我的 Web 应用程序中的滚动条应该只滚动“内容”部分。但是，一旦我滚动到内容的末尾或顶部，滚动条就会滚动页眉或页脚。页面也被拖动，看起来非常难看。

这里有一些图片：

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

您是否尝试过将所有三个属性都包含到您的标题中？

• 数据位置=“固定”
• 数据点击切换 =“假”
• 数据更新页面填充 =“假”

这是代码：

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

希望这有帮助！

Answer 2

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

查询

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

HTML

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