如何使用 jQueryMobile 修复标题

【问题标题】：How to fix a header with jQueryMobile如何使用 jQueryMobile 修复标题
【发布时间】：2012-03-26 06:38:37
【问题描述】：

我是 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"。标题是固定的，但在我滚动页面后，我的标题被隐藏了，在我完成滚动后，我的标题再次可见。

【问题讨论】：

【解决方案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 一起使用

【讨论】：