Instrucción personalizada de Vue: haga clic en el cuadro de entrada de entrada del elemento en el terminal móvil para centrar verticalmente la página después de que aparezca el teclado virtual

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)
    }
})

 

Supongo que te gusta

Origin blog.csdn.net/liuhao9999/article/details/115366098
Recomendado
Clasificación