小编Val*_*chi的帖子

Mobile Safari iOS 6.1.2上发生以下情况

重现步骤

创建一个position: fixed元素,<input type="text">里面有一个元素.

实际结果

1. 输入 - 没有集中

   当输入未聚焦时,固定元件的位置是正确的.

   

2. 投入 - 专注

   当输入被聚焦时,浏览器进入一种特殊模式,在该模式下它不再更新固定元素的位置(任何固定定位元素,而不仅仅是输入的父元素)并向下移动整个视口以便输入父元素位于屏幕的中心.

   观看现场演示:http://jsbin.com/oqamad/1/

   

预期结果

始终遵守固定元件的位置.

修复或解决方法？

有关如何强制Safari正确显示固定元素的任何线索都会有所帮助.

我更喜欢一种不涉及使用position: absolute和设置onscroll事件处理程序的解决方法.