问题和解决原理:部分安卓手机在调起手机软键盘时,会顶起底部固定定位元素。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>