jQuery Mobile - 修复了标题

Question

我有一个查询移动网站，我正在尝试将我的标题固定在页面顶部，并将内容滚动到下方。在文档中，我发现了如何做到这一点。只需将data-position =“fixed”属性添加到header元素即可。很容易，在他们的演示页面上看起来很棒（Fixed Toolbars）。

然而，当我在我身边做同样的事情时，我会得到丑陋的褪色工具栏。标题现已修复，这很好，但我希望它始终可见（当用户滚动时不会淡入淡出）。

所以我的问题是：有没有一种简单的方法来避免褪色？ JQM是如何避免在他们自己的演示页面上消失的？我似乎无法看到他们如何以不同的方式实现行为。

非常感谢任何帮助。

Answer 1

这是一个新的JQuery Mobile发布版

新版JQuery Mobile 1.1.0包括对固定标头定位的改进支持，因此您不再需要指定CSS position: fixed。

然而，请注意，我已经尝试过JQM 1.1.0并发现了以下内容：

• iOS 5+ - ：效果很好
• iOS 4及更低版本 - 不支持固定标题（滚动页面）
• Android 2.3 +：效果很好（确保使用元标记禁用页面缩放）
• Android 2.2：标题在页面上下跳跃
• Android 2.1及以下版本：不支持修复标头。

这与浏览器上CSS固定定位的底层支持有关。

有一篇很好的文章： http://bradfrostweb.com/blog/mobile/fixed-position/

Answer 2

我最终使用position: fixed;

修复了CSS中的标题

我知道iOS版的iPhone＆lt; 5无法处理它，但我没关系。

Answer 3

我尝试了jquery positon：修复了我的标题，它在Android 2.x.x上运行良好，但在Android 4+上它仍然可以开启和关闭并使其无法使用。

CSS方式确实正常。