iOS 设备上的固定定位问题
移动 Web 开发提出了独特的挑战,其中之一是“position:fixed”的问题行为在 iOS 设备上。
在 iOS Safari 中滚动时,此定位方法无法更新,导致固定元素冻结在原地。其背后的原因是由于屏幕空间有限,移动浏览器故意决定禁用固定定位。
要更深入地了解该问题,请参阅 Quirksmode.org 上的优秀博客文章: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 和 Android 4 引入了对“位置:固定。”虽然放大和平移固定元素仍然会带来一些问题,但固定定位现在可以在这些较新的 iOS 版本中使用。
有关最新的兼容性信息,请参阅此更全面的表格:http:// caniuse.com/#search=fixed。它包括 Android、Opera(迷你版和移动版)和 iOS 的数据。
以上是为什么位置:固定在 iOS 上崩溃,我该如何修复它?的详细内容。更多信息请关注PHP中文网其他相关文章!