我的Web应用程序中的滚动条应该只滚动“内容”部分。但是，只要滚动到内容的结尾或顶部，滚动条就会滚动页眉或页脚。此外，页面被拖动，看起来非常丑陋。jQuery-Mobile禁用页面拖动和防止滚动页眉/页脚

这里的一些图片：

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

如何防止这种行为？谢谢。

来源

2013-06-22 RedErdnuss

是U使用的是什么版本的jQuery Mobile的吗？ – krishgopinath

我正在使用版本1.3.1。 – RedErdnuss

任何想法？除了颜色和东西以外，我没有改变任何CSS。基本上在** data-role =“page”**中，有** data-role =“header”**，接下来是** data-role =“content”**，最后** data-role =“footer”** with ** data-role =“navbar”** – RedErdnuss

你是否试图将所有三个属性都包含在头中？

数据位= “固定”
数据抽头肘节= “假”
数据更新页-填充= “假”

下面是代码：

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

希望得到这个帮助！

来源

2013-06-22 16:11:14

为您的标题赋予一个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>

来源

2013-06-23 09:09:24 yeyene

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

回答

JQUERY

HTML

相关问题