iOS 键盘拉起隐藏页面适应

2019-12-22 12:35:21

阅读:339
分类:代码段
标签:js

iOS 键盘拉起隐藏页面适应

  1. 背景接受

ios下input框输入时拉起输入法导致页面被压缩

  1. 代码

let isIphone =  /ios|iphone/.test(navigator.userAgent)
// 监听键盘收起及弹出状态
document.body.addEventListener("focusout", () => {
  if (isIphone {
    setTimeout(() => {
      document.body.scrollTop = document.body.scrollHeight
    }, 100)
  }
})

document.body.addEventListener("focusin", () => {
  if (isIphone {
    setTimeout(() => {
      document.body.scrollTop = document.body.scrollHeight
    }, 100)
  }
})

评论:

    X

    备案号 皖ICP备19021899号-1  技术支持 © 947968273@qq.com