Javascript 移动浏览器的固定定位

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

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

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

---

谢谢

重要更新

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

---

旧答案

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

但有几件事需要注意：

通过启用此攻击，您将禁用人们习惯于喜欢缩放的功能

这给您的解决方案增加了很多复杂性 出于这些原因，JQtouch决定：

没问题。目前还没有 支持jQTouch。不知道怎么做 你很熟悉，但主要问题是 这里是移动Safari没有的 支撑位置：固定。几个人 曾致力于实现 这一点最为显著 及 . 都觉得我错了， 因此，我默认不这样做，但是 你可以试着做一个决定 支持它的扩展-

---

就我个人而言，在iPhone上处理需要固定定位的内容时，我更喜欢静态定位，动态更改内容时只需自动滚动到底部/顶部

从Sam Saffron发布的链接来看，新版本的iScroll（版本4）似乎解决了Sam列出的一些问题

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

• 收缩/缩放
• 向上/向下拉以刷新
• 提高速度和动量
• 捕捉到元素
• 自定义滚动条

---

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

两个多星期以来，我一直面临着同样的问题。这个解决方案对我有效。包括

-webkit背面可见性：隐藏

在元素的css中随位置：固定

---

它将很好地工作

还要记住，iOS 5上的Mobile Safari支持

位置：固定

。阿哈·金，固定定位现在工作得很好。注意，截至2011年7月，iScroll确实支持收缩/缩放。网站喜欢如何在底部获得一个完美的固定块？我在fixya.com上看过too@SamiScroll4现在提供您提到的问题的更新/修复