问题:部分安卓手机在调起手机软键盘时,会顶起底部固定定位元素
解决: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>
作者:飞鹰_007
链接:https://www.jianshu.com/p/cb1fa43b7c2d/
来源:简书
但是还是会有不足:在使用调试工具进行调试时,窗口时可变的,所以会出现我不想元素隐藏,但是窗口变小了,就会隐藏,所以当用户使用的时候如果窗口可以从小变的更小也是会有问题的。监听事件改为监听键盘就可以了。