解决vueIOS调起键盘后页面底部留白的问题

<input ref="input" v-reset-page v-focus type="tel"placeholder="请输入手机号码">
复制代码

resetPage: {
      inserted: function (el) {
        document.body.addEventListener('focusout', () => {
          if (/(iPhone|iPad|iPod|iOS)/i.test(navigator.userAgent)) {
            //软键盘收起的事件处理
            setTimeout(() => {
              const scrollHeight = document.documentElement.scrollTop || document.body.scrollTop || 0
              window.scrollTo(0, Math.max(scrollHeight - 1, 0));
            }, 100)
          }
        });
      }
    }
复制代码

转载于:https://juejin.im/post/5cec9dcbf265da1b8e707f1a