vue自定义指令-移动端点击元素input输入框垂直居中于软键盘弹出后的页面

Arce

Vue.directive('gomiddle', {
  // 当被绑定的元素插入到 DOM 中时……
  inserted: function(el) {
    el.addEventListener('click', function() {
      setTimeout(function() {
        let top = el.offsetTop;
        let windowScrollTop = document.documentElement.scrollTop;
        let windowHeight = window.innerHeight;
        document.documentElement.scrollTop = windowScrollTop + ((top - windowScrollTop) - (windowHeight / 2))
      }, 1000)
    }, false)
  }
})

　　
来源：51CTO技术博客 https://blog.51cto.com/u_11641800/2982189