为什么'position:fixed”在 Mobile Safari 中总是不起作用？

移动 Safari 和位置：已修复 - 指南

开发者面临的问题

iOS 移动Safari 用户报告了固定位置元素的常见问题。尽管使用 CSS 的基本“位置：固定”来实现，但这些组件在滚动时无法更新。多个修复尝试解决此问题，包括 iScroll 和 Sencha 的修复。不幸的是，这些解决方案并非始终有效。

移动浏览器固有的限制

为了减轻小屏幕上的潜在冲突，许多移动浏览器故意不支持“position:固定的'。 Quirksmode 网站在一篇博文中对此问题进行了深入分析：http://www.quirksmode.org/blog/archives/2010/12/the_fifth_posit.html。

了解当前的观点浏览器兼容性，参考http://www.quirksmode.org/m/css.html；然而，值得注意的是，由于移动浏览器的不断进步，这些信息可能很快就会过时。

更新和解决方法

据报道，iOS 5 和 Android 4 现在支持“位置” ： 固定的'。虽然作者最近的测试证实了 iOS 5 支持固定定位，但缩放和平移方面的小问题很明显。

有关全面且最新的兼容性表，请访问 http://caniuse.com /#搜索=固定。此资源包括有关 Android、Opera（迷你版和移动版）和 iOS 浏览器的详细信息。

以上是为什么'position:fixed”在 Mobile Safari 中总是不起作用？的详细内容。更多信息请关注PHP中文网其他相关文章！