虚拟键盘弹出导致页面被顶起,键盘隐藏页面却不回落的问题

/**
  * 解决虚拟键盘弹出导致页面被顶起,键盘隐藏页面却不回落的问题
  * 版本:ios12以上 wechat6.7.4以上
  */
function solveIosKeybordBug () {
  if (util.isWeixinKeybordBugVersion()) {
    // 全局监听input元素的blur事件
    document.addEventListener('focusout', () => {
      // scrollTo使页面回归正常位置,setTimeout使dom操作异步,提高页面的流畅程度
      setTimeout(() => {
        let height = document.documentElement.scrollTop || document.body.scrollTop
        window.scrollTo(0, height + 1)
        window.scrollTo(0, height - 1)
      }, 17)
    })
  }
}

  

posted on 2019-03-08 14:39  木之子梦之蝶  阅读(764)  评论(0编辑  收藏  举报

导航