mounted(){
let yclientHeight=document.documentElement.clientHeight //原来的可视高度
window.onresize = () => {
let bclientHeight=document.documentElement.clientHeight //变化后的可视高度
let scrollHeight=yclientHeight-bclientHeight//虚拟键盘的高度
document.querySelector('.add-contact-box').style.top=-scrollHeight+'px'
};
},
vue项目键盘遮挡问题
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
推荐阅读更多精彩内容
- 点击界面任意处键盘收起 键盘遮挡问题:1.使用KeyboardAvoidingView LoginInput.js...
- 本系列博客是本人的开发笔记。欢迎一起讨论 大家在日常开发中应该知道,表单提交页面是比较难处理的,一是因为UI上需要...
- 1、移动端iOS网页收起键盘底部有空白: 失焦的时候把窗口滚动位置设置到(0,0)就行了 2、iOS html5 ...
- 在开发中,可能会遇到一个页面好多textField或者textView的情况,键盘弹出时,会遮盖下面的输入框,使我...
- 来源:Draveness (https://github.com/Draveness) 链接:http://www...