jQuery-Mobile禁用页面拖动＆amp;阻止滚动页眉/页脚

Question

我的Webapp中的Scrollbars应该只滚动“内容”部分。 但是当我滚动到内容的结尾或顶部时，滚动条会滚动页眉或页脚。此外，页面被拖动，看起来非常难看。

这里有一些图片：

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-tap-toggle =“false”
• 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>