美文网首页
H5页面fixed定位在Ios移动端焦点问题

H5页面fixed定位在Ios移动端焦点问题

作者: 阳光小美女king | 来源:发表于2018-12-06 15:43 被阅读0次

    在H5页面上fixed定位了一个弹框,但是在ios 12.1系统遇到了焦点乱跑的问题。
    每当点击键盘的“完成”按钮时,页面看起来所有输入框都失焦,然后点击任意输入框,焦点只会聚焦到上次完成时的下一个输入框。


    image.png

    比如当我输入完手机号,点击键盘的“完成”按钮,然后我想改一下姓名,但是点击姓名的输入框,焦点反而跑到了验证码那一栏。

    这种神奇的的bug也是无语,将弹框的定位改成position:absolute就解决了该问题,看来Ios对fixed的兼容性并不是很友好,在移动端H5页还是少用fiexd定位。

    相关文章

      网友评论

          本文标题:H5页面fixed定位在Ios移动端焦点问题

          本文链接:https://www.haomeiwen.com/subject/uleocqtx.html