ios12中遇到的带input弹窗的错位问题

内容简介：使用fixed定位的弹窗，在ios12的系统里，软键盘调起后，页面整体上移，当软键盘消失时，视觉上页面已经回到原始位置，但其实弹窗的焦点位置仍在软键盘调起时的位置。这也是参考某位大佬的解决办法尝试不使用fix定位，选择的absolute，判断input失焦时，使用window.scroll()，但是需要解决的问题很多

document.body.addEventListener('focusin', () => {
    // 软键盘弹出的事件处理
    this.isReset = false
})
document.body.addEventListener('focusout', () => {
    // 软键盘收起的事件处理
    this.isReset = true
    setTimeout(() => {
        // 当焦点在弹出层的输入框之间切换时先不归位
        if (this.isReset) {
          window.scroll(0, 0) // 失焦后强制让页面归位
        }
    }, 300)
})

以上所述就是小编给大家介绍的《ios12中遇到的带input弹窗的错位问题》，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对 码农网 的支持！

关注我们，获取更多IT资讯^_^

查看所有标签

• MySQL中一个双引号错位引发的血案
• 面试过程中的失配与错位，大家怎么看？
• 一次内联元素错位引发对line-height的思考
• Ballanspace v0.1.0 发布，基于 Unity 3D 的错位空间的平衡球游戏
• 遇到的加密算法
• 静态库遇到静态库

本站部分资源来源于网络，本站转载出于传递更多信息之目的，版权归原作者或者来源机构所有，如转载稿涉及版权问题，请联系我们。