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)
}
})vue自定义指令-移动端点击元素input输入框垂直居中于软键盘弹出后的页面
原创liuhao951866 博主文章分类:工作中需要的个性化插件 ©著作权
©著作权归作者所有:来自51CTO博客作者liuhao951866的原创作品,请联系作者获取转载授权,否则将追究法律责任
上一篇:js-格式化数字为中文大写(元)
下一篇:vue3中文官方文档
提问和评论都可以,用心的回复会被更多人看到
评论
发布评论
相关文章
-
Vue ElementPlus Input 输入框
通常情况下,应当处理 input 事件,并更新组件的绑定值(或使用v-model)。否则,输入框内显示的值将不会改变。不支持 v-model 修饰
vue.js 前端 javascript ico 输入框 -
div 文字 input 垂直居中
代码
XHTML CSS HTML html css -
input文本框、文字、按钮、图片 垂直居中对齐
vertical-align:middle
前端 CSS_HTML 编程 -
网络协议分层:解密TCP/IP五层模型
本文系统地阐述了网络通信的核心概念。协议是设备之
#linux #笔记 #网络 数据 IP
















