微信移动端 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