jQuery Mobile禁用页面拖动&；防止在页眉/页脚上滚动

我的Webapp中的滚动条应该只滚动“内容”部分。 但只要我滚动到内容的末尾或顶部，滚动条就会滚动页眉或页脚。页面也会被拖拽，看起来很难看

以下是一些图片：

页眉和页脚固定到位。

标题：

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

如何防止这种行为？

---

谢谢。

您是否尝试将这三个属性也包括在标题中

• 数据位置=“固定”
• 数据点击切换=“错误”
• 数据更新页面padding=“false”

代码如下：

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

---

希望这有帮助

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

JQUERY HTML

标题

你使用的是什么版本的jquery mobile？我使用的是1.3.1版。有什么想法吗？除了颜色和其他东西，我没有改变CSS中的任何东西。基本上，在主体中有data role=“page”，在主体中有data role=“header”，接下来是data role=“content”，最后是data role=“footer”和data role=“navbar”，这在所有浏览器上都会发生？因为即使是你的JSFIDLE也不适合我，请看这里：（）我刚刚尝试了iScrollview，它成功了（虽然我不得不从我的内容项中删除float:left，但我会为float找到另一个解决方案。感谢大家抽出时间：）

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

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