Vue 解决IOS手机webapp软键盘弹起, 导致页面底部留白问题

Vue.directive('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)
      }
    })
  }
})

 

上一篇:JQurey第三天


下一篇:vue全局添加input/textarea输入信息后跳转页面顶部方法