如何使用 jQuery Mobile 修复标题

我是 jQueryMobile 的新手。我有一个关于固定标题的问题。我的 header 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"。标题是固定的，但在我滚动页面后，我的标题被隐藏，滚动完成后，我的标题再次可见。

从版本 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 一起使用