我禁用了jquery mobile的点击切换，如下所示。jquery mobile：禁用“点击切换”固定页眉和页脚
$(function(){ $('[data-role=header],[data-role=footer]').fixedtoolbar({ tapToggle:false }); });
继Jquery mobile: Disable "tap to toggle" fixed header and footer
将q现在，我的内容是由header.Looking的解决方案裁剪。
默认情况下，jquery mobile自动统计页面填充。所以它看起来对你的页面不正确，这就是为什么内容在标题下面并且看起来被剪切掉了。
您可以禁用JQM自动更新页面填充并自行设置。看看updatePagePadding物业位置：http://jquerymobile.com/test/docs/toolbars/bars-fixed-options.html
而且它需要做出修正，说明如下：https://github.com/jquery/jquery-mobile/issues/4223
问候。
如果你在单个页面上调用它，这不会发生。
例如
$（ “＃pageA的，#pageB，#pageC”）。绑定（ 'pageinit'，函数（）{$ （本）.find（“[数据角色=报头]，[data-role = footer]“）。fixedtoolbar（{tapToggle：false}）; }）;
使用1.2.0 JQM
我试过这个，但没有工作。 – Arvin
我遇到了你有当我试图以编程方式禁用taptoggle使用fixedtoolbar（{tapToggle：假}）同样的问题;
我很幸运，在我的头文件中使用了data-tap-toggle =“false”标签，而不是完全禁用taptoggle。尽管添加data-tap-toggle =“false”可能需要做更多工作，但至少可以工作！
我在尝试自己弄清楚这个问题时发现了这个问题，并决定试试这个。我在这里找到了信息：http://jquerymobile.com/test/docs/toolbars/bars-fixed-options.html
文档在tap-toggle部分说明了这一点：此选项也公开为data属性：data-tap-toggle =“true”。我决定将它设置为false，并解决了我的问题。没有更多的接触，也没有更多的重叠！我大部分的头现在看起来是这样的：
<div data-role="header" data-id="jqmheader" data-position="fixed" data-tap-toggle="false">
FYI
这是它是如何使用jQuery程序来完成：
$("[data-role=header], [data-role=footer]").fixedtoolbar({ tapToggle: true });
这将在设定的默认状态切换页面容器标签。
以编程方式更改它，你需要这样做：
$.mobile.toolbar.prototype.options.updatePagePadding = false;
$.mobile.toolbar.prototype.options.hideDuringFocus = "";
$.mobile.toolbar.prototype.options.tapToggle = false;
与jQuery Mobile的1.4试了一下。0
或只是这样的：
<div data-role="page" ... data-hide-during-focus="" ... >...</div>对jQuery Mobile的1.4.5
你应该在你的代码之前加上一点解释，解释为什么这会起作用等等。 – nikaltipar
什么是JQM的版本测试？ – sleepwalker
1.1.0版本。最新的一个。 – MadNik