微信移动端 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/
来源：简书

 

但是还是会有不足：在使用调试工具进行调试时，窗口时可变的，所以会出现我不想元素隐藏，但是窗口变小了，就会隐藏，所以当用户使用的时候如果窗口可以从小变的更小也是会有问题的。监听事件改为监听键盘就可以了。