H5页面fixed定位在Ios移动端焦点问题
2018-12-06 本文已影响0人
阳光小美女king
在H5页面上fixed定位了一个弹框,但是在ios 12.1系统遇到了焦点乱跑的问题。
每当点击键盘的“完成”按钮时,页面看起来所有输入框都失焦,然后点击任意输入框,焦点只会聚焦到上次完成时的下一个输入框。

比如当我输入完手机号,点击键盘的“完成”按钮,然后我想改一下姓名,但是点击姓名的输入框,焦点反而跑到了验证码那一栏。
这种神奇的的bug也是无语,将弹框的定位改成position:absolute
就解决了该问题,看来Ios对fixed的兼容性并不是很友好,在移动端H5页还是少用fiexd定位。