1. 首页
  2. 编程语言
  3. Javascript
  4. 解决vue-cli单页面手机应用input点击手机端虚拟键盘弹出盖住input问题

解决vue-cli单页面手机应用input点击手机端虚拟键盘弹出盖住input问题

上传者: 2021-08-28 13:55:09上传 PDF文件 57.55 KB 热度 13次

在用vue-cli脚手架搭建手机H5页面应用的时候,其中一页中部有input,底部有position:absolute;bottom:0的元素,网络上很多关于body设定宽高以及scrolltop的方法都不管用,因为这里是路由页面,根据网上的思路,吊起输入键盘的时候页面的高度是变化的,监听window.onresize,判断是否吊起键盘,然后设定底部模块的隐藏和显示,整个块元素的margintop就可以实现了。

用户评论