You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

iOS 11.3 Safari是否存在滚动fixed position位置报告错误?

iOS 11系列fixed定位元素的两个已知bug

嘿,我来梳理下iOS 11.x版本里和fixed定位元素相关的两个坑,都是实际开发中遇到的典型问题:

  • iOS 11.2的光标偏移bug:
    当文本输入框采用fixed position布局时,滚动页面的过程中,输入框内的光标无法正确定位在输入区域内,这个问题在当时困扰了不少前端开发者。

  • iOS 11.3的位置计算错误bug:
    苹果在iOS 11.3版本中修复了上述的光标问题,但又引入了新的问题:当键盘弹出时,调用getBoundingClientRect()方法会错误返回fixed容器内元素的位置信息。

我专门做了一个示例来复现这个新问题:在fixed定位的div中包含一个输入框和一个需要动态定位的盒子,当键盘打开时,依赖getBoundingClientRect()计算出的位置会出现偏差,导致盒子的定位不符合预期。

内容的提问来源于stack exchange,提问作者Kev

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.05.22 08:12:29