ios的h5页面被软键盘顶起

3,362 阅读1分钟

ios的h5页面,在软键盘启动下,整个页面都被顶起来了,这还没完,光标也不在自己该呆的地方好好呆着,去了别的小朋友的身旁。 开始想办法啦~

首先先判断一下版本:

judgeAgent() {
    var u = window.navigator.userAgent;
    return {
      ios: !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/), //ios终端
      android: u.indexOf('Android') > -1 || u.indexOf('Linux') > -1, //android终端或者uc浏览器
    };
  }

然后在input里面写上@blur的方法,来监听软键盘

  scrollTop(){
      this.isIos = this.judgeUA().ios
      // 如果是IOS设备
      if (this.isIos) {
        window.scroll(0, 0)
      }
    }

然后它就被光荣的解决了呢。但是他这样写吧,如果有多个input就很不友好,难道我要写多个@blur嘛~ 但是我没有想出来办法,想出来再来补充吧~ 再会