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
相关产品推荐
相关产品推荐

