移动浏览器的固定定位答案

【问题标题】：Fixed positioning for mobile browsers移动浏览器的固定定位
【发布时间】：2010-07-30 15:34:08
【问题描述】：

在我正在构建的移动网站上，我需要顶部标题保持固定位置。

我知道 Mobile Safari 的固定位置解决方案，如下所示：

我试过了，效果很好。但是，我想知道是否有适用于所有主要智能手机的移动浏览器的单一解决方案。注意：我不需要页脚保持固定，只需要顶部页眉。所以这应该更容易适应所有移动屏幕尺寸，因为我只是将 div 的顶部设置为 0 onScroll。

谢谢！

【问题讨论】：

【解决方案1】：

重要更新

从 iOS 5 开始，固定定位在移动设备上运行良好。同样最新的机器人支持它。

旧答案

我认为iScroll 是最积极开发的解决方案，它确实支持Android

但有几点需要注意：

出于这些原因，JQtouch 决定not to use it：

没问题。目前不是 jQTouch 支持。不知道如何你很熟悉，但主要问题这是移动 Safari 不支撑位置：固定。几个人致力于实施这一点，最值得注意的是 Cubiq 和 Doctyper。两个都觉得我不对因此为什么我默认不这样做，但是你可以尝试做一个支持它的扩展-

在处理需要在 iPhone 上固定定位的内容时，我个人更喜欢使用静态定位，并且在动态更改内容时自动滚动到底部/顶部。

【讨论】：

【解决方案2】：

两个多星期以来，我一直面临同样的问题。这个解决方案对我有用。只需包含

-webkit-backface-visibility：隐藏；

在元素的 css 以及 position:fixed 中。

它会正常工作

【讨论】：

【解决方案3】：

根据 Sam Saffron 发布的链接，新版本的 iScroll（第 4 版）似乎解决了 Sam 列出的一些问题。

除了所有以前的 iScroll 功能外，第 4 版还引入了：

捏合/缩放

上拉/下拉刷新

提高速度和动力

对齐元素

可自定义的滚动条

我只看过他们网站上的演示，所以我不能保证，但它看起来不错！

【讨论】：