jQuery移动css滚动并单击

我正在为智能手机开发一个移动网站，并使用jquery mobile。 第一次测试：

我已将内容添加到页面中，因此它应该是可滚动的，但当我滚动时，页眉和页脚将在滚动时间内禁用：( 第二次测试：

jquery移动文档(http://jquerymobile.com/test/docs/toolbars/bars-fixed.html)提供data position=“fixed”应禁用隐藏页眉和页脚的信息

---

我做错了什么？

对于jQm，这就是滚动时发生的情况。试着四处寻找一些jQm小部件，这些小部件可以补充jQm框架。我想这正是您在这里寻找的

关于固定定位，从您在原始问题中提供的链接：

固定工具栏

在支持CSS位置的浏览器中：固定（通常是大多数桌面浏览器、iOS5+、Android 2.2+、BlackBerry 6等），使用“固定工具栏”的工具栏插件将固定在视口的顶部或底部，而页面内容在两者之间自由滚动。在不支持固定定位的浏览器中，工具栏将返回到页面中的静态内联位置

要在页眉或页脚上启用此行为，请向jQuery Mobile页眉或页脚元素添加data position=“fixed”属性

固定标题标记示例：

固定标题！

固定页脚标记示例：

固定页脚！

---

没有提到任何事实表明工具栏不会在滚动时消失。这只是jQm中的行为。插件可以帮助实现这一点。

对于jQm，这就是滚动时发生的情况。试着四处寻找一些jQm小部件，它们可以补充jQm框架。我想这正是您在这里寻找的

关于固定定位，从您在原始问题中提供的链接：

固定工具栏

在支持CSS位置的浏览器中：固定（通常是大多数桌面浏览器、iOS5+、Android 2.2+、BlackBerry 6等），使用“固定工具栏”的工具栏插件将固定在视口的顶部或底部，而页面内容在两者之间自由滚动。在不支持固定定位的浏览器中，工具栏将返回到页面中的静态内联位置

要在页眉或页脚上启用此行为，请向jQuery Mobile页眉或页脚元素添加data position=“fixed”属性

固定标题标记示例：

固定标题！

固定页脚标记示例：

固定页脚！

---

没有提到任何事实表明工具栏不会在滚动时消失。这只是jQm中的行为。插件可以帮助做到这一点。

我注意到您使用的是jQuery 1.0.1，这是最新的稳定版本，但在1.1.0-RC1中，jQuery移动团队在固定页眉/页脚方面取得了巨大的进步：

我建议使用jQuery Mobile 1.1.0-RC1：

<link rel="stylesheet" href="http://code.jquery.com/mobile/1.1.0-rc.1/jquery.mobile-1.1.0-rc.1.min.css" />
<script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
<script src="http://code.jquery.com/mobile/1.1.0-rc.1/jquery.mobile-1.1.0-rc.1.min.js"></script>

---

这是一个使用与您完全相同的代码的演示，但是使用了上面的includes而不是

1.0.1

includes:

我注意到您使用的是jQuery 1.0.1，它是最新的稳定版本，但是在1.1.0-RC1中，jQuery移动团队在固定页眉/页脚方面取得了长足的进步：

我建议使用jQuery Mobile 1.1.0-RC1：

<link rel="stylesheet" href="http://code.jquery.com/mobile/1.1.0-rc.1/jquery.mobile-1.1.0-rc.1.min.css" />
<script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
<script src="http://code.jquery.com/mobile/1.1.0-rc.1/jquery.mobile-1.1.0-rc.1.min.js"></script>

---

这是一个使用与您完全相同的代码的演示，但是使用了上面的includes而不是

1.0.1

includes:

和data position=“fixed”？大卫为什么不呢？我已经将iScroll 4与jQuery Mobile一起使用了。您必须正确地设置结构。@David您弄明白了吗？data position=“fixed”是什么意思？@David为什么不呢？我在jQuery Mobile上使用了iScroll 4。你必须正确设置结构。@David你弄明白了吗？

<link rel="stylesheet" href="http://code.jquery.com/mobile/1.1.0-rc.1/jquery.mobile-1.1.0-rc.1.min.css" />
<script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
<script src="http://code.jquery.com/mobile/1.1.0-rc.1/jquery.mobile-1.1.0-rc.1.min.js"></script>