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

原创
2019/03/04 10:44
阅读数 529

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'})
        }, 0)
      });
    }

  }

 

展开阅读全文
iOS
打赏
1
1 收藏
分享
加载中
更多评论
打赏
0 评论
1 收藏
1
分享
返回顶部
顶部