移動端H5輸入框調(diào)起手機軟鍵盤,導致底部固定定位被頂起解決方法

問題和解決原理:部分安卓手機在調(diào)起手機軟鍵盤時,會頂起底部固定定位元素。onresize 事件會在窗口被調(diào)整大小時發(fā)生,以此來監(jiān)聽窗口變化將底部固定定位元素做顯隱處理。

<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>

最后編輯于
?著作權歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。
禁止轉(zhuǎn)載,如需轉(zhuǎn)載請通過簡信或評論聯(lián)系作者。

友情鏈接更多精彩內(nèi)容