没有合适的资源?快使用搜索试试~ 我知道了~
解决vue-cli单页面手机应用input点击手机端虚拟键盘弹出盖住input问题
2 下载量 192 浏览量
2020-12-10
09:29:54
上传
评论
收藏 40KB PDF 举报
温馨提示
试读
1页
在用vue-cli脚手架搭建手机H5页面应用的时候,其中一页中部有input,底部有position:absolute;bottom:0的元素, 当点击input框时在安卓手机上出现了: 1 虚拟键盘弹出盖住input 2 底部定位的元素被挤上来 网络上很多关于body设定宽高以及scrolltop的方法都不管用,因为这里是路由页面,根据网上的思路,吊起输入键盘的时候页面的高度是变化的,监听[removed],判断是否吊起键盘,然后设定底部模块的隐藏和显示,整个块元素的margintop就可以实现了。 代码如下 mounted () { this.clientHeight =
资源推荐
资源评论
资源评论
weixin_38628647
- 粉丝: 3
- 资源: 968
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功