微信移動端 fixed固定定位被手機鍵盤頂起的初級解決辦法


問題:部分安卓手機在調起手機軟鍵盤時,會頂起底部固定定位元素

解決: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/
來源:簡書

 

但是還是會有不足:在使用調試工具進行調試時,窗口時可變的,所以會出現我不想元素隱藏,但是窗口變小了,就會隱藏,所以當用戶使用的時候如果窗口可以從小變的更小也是會有問題的。監聽事件改為監聽鍵盤就可以了。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM