input在微信上失去焦点页面不回弹问题

2019独角兽企业重金招聘Python工程师标准>>>

web页面在IOS微信上，遇到：当input失去焦点且软键盘收起来的时候,页面没有回弹，导致下面空出一个软键盘大小的高度。

解决方案

function isWeiXinAndIos{
    let ua = '' + window.navigator.userAgent.toLowerCase()
    let isWeixin = /MicroMessenger/i.test(ua)
    let isIos = /\(i[^;]+;( U;)? CPU.+Mac OS X/i.test(ua)
    return isWeixin && isIos
}

function  weChatInputBug(){
    let myFunction
    let isWXAndIos =isWeiXinAndIos();
    if (isWXAndIos) {
      document.body.addEventListener('focusin', () => {
        clearTimeout(myFunction)
      })
      document.body.addEventListener('focusout', () => {
        clearTimeout(myFunction)
        myFunction = setTimeout(function() {
          window.scrollTo({top: 0, left: 0, behavior: 'smooth'})
        }, 200)
      });
    }

  }

 

转载于:https://my.oschina.net/u/3112095/blog/3017533