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

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

解决方案微信

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)
      });
    }

  }
相关文章
相关标签/搜索