位置：固定在 iPad 和 iPhone 上不起作用

Question

一段时间以来，我一直在为 iPad 中的固定定位而苦苦挣扎。我知道 iScroll ，但它似乎并不总是有效（即使在他们的演示中）。我也知道 Sencha 对此有修复，但我无法 Ctrl + F 修复该修复的源代码。

我希望有人可能有解决方案。问题是当用户在 iOS 驱动的移动 Safari 上向下/向上平移时，固定定位的元素不会得到更新。

原文由 Tower 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

我最终使用了新的 jQuery Mobile v1.1：http: //jquerymobile.com/blog/2012/04/13/announcing-jquery-mobile-1-1-0/

我们现在有一个可靠的重写，它在许多流行平台上提供真正的固定工具栏，并安全地回退到其他浏览器中的静态工具栏定位。

这种方法最酷的部分是，与基于 JS 的解决方案在所有平台上强加不自然的滚动物理特性不同，我们的滚动感觉是 100% 原生的，因为它 是.这意味着滚动感觉无处不在，并且适用于触摸、鼠标滚轮和键盘用户输入。作为奖励，我们基于 CSS 的解决方案是超轻量级的，不会影响兼容性或可访问性。

原文由 Tower 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

许多移动浏览器故意不支持 position:fixed; 理由是固定元素可能会妨碍小屏幕。

Quirksmode.org 网站有一篇很好的博客文章解释了这个问题： http ://www.quirksmode.org/blog/archives/2010/12/the_fifth_posit.html

另请参阅此页面以获取显示哪些移动浏览器支持的兼容性图表 position:fixed; ： http ://www.quirksmode.org/m/css.html

（但请注意，移动浏览器世界发展非常迅速，因此像这样的表格可能不会长时间保持最新状态！）

更新： 据报道，iOS 5 和 Android 4 现在都支持 position:fixed 。

我今天在一家 Apple 商店亲自测试了 iOS 5，可以确认它确实可以在固定位置工作。但是，在固定元素周围放大和平移存在问题。

我发现这个兼容性表比 quirksmode 表更新和有用得多： http://caniuse.com/#search=fixed

它有关于 Android、Opera（迷你版和移动版）和 iOS 的最新信息。

原文由 Spudley 发布，翻译遵循 CC BY-SA 3.0 许可协议