如何使用jQueryMobile修复标头

Question

我是jQueryMobile的新手。我有一个关于固定标题的问题。我在我的标题div中有这个代码：

<div  data-role="header" hieght="100px" data-position="fixed" data-theme="a"  style="min-height: 45px;">
    <h1>Nieuwspoort</h1>
</div>

在这个div中我把data-position =“fixed”。标题是固定的，但在我滚动页面后，我的标题被隐藏，在我完成滚动后，我的标题再次可见。

Answer 1

从版本1.1-rc1开始，jQueryMobile中引入了适当的固定标头支持。

要修复标题，请务必添加以下属性

data-position="fixed"

如果您想禁用点击切换，请添加以下内容

data-tap-toggle="false"

您的pastebin示例已修改为可以工作：

<div  data-role="header" data-position="fixed" data-tap-toggle="false" data-theme="a"  style="min-height: 45px;">
  <h1>Nieuwspoort</h1>
</div> 

您需要确保使用1.1-rc1和jQuery 1.7.1