問題:部分安卓手機在調起手機軟鍵盤時,會頂起底部固定定位元素
解決: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/
來源:簡書
但是還是會有不足:在使用調試工具進行調試時,窗口時可變的,所以會出現我不想元素隱藏,但是窗口變小了,就會隱藏,所以當用戶使用的時候如果窗口可以從小變的更小也是會有問題的。監聽事件改為監聽鍵盤就可以了。