移动端H5输入框调起手机软键盘，导致底部固定定位被顶起解决方法
2020-08-30 本文已影响0人
飞鹰_007
问题和解决原理：部分安卓手机在调起手机软键盘时，会顶起底部固定定位元素。onresize 事件会在窗口被调整大小时发生，以此来监听窗口变化将底部固定定位元素做显隐处理。
<template>
<div class="fixed-div" v-show="showBtn"></div>
</template>
<script>
export default {
data(){
return{
showBtn: true,
clientHeight:document.documentElement.clientHeight
}
},
mounted() {
window.onresize= ()=>{
if(this.clientHeight>document.documentElement.clientHeight) {
this.showBtn =false
}else{
this.showBtn = true
}
};
},
}
</script>
