移动端H5输入框调起手机软键盘,导致底部固定定位被顶起解决方法

问题和解决原理:部分安卓手机在调起手机软键盘时,会顶起底部固定定位元素。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>

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
禁止转载,如需转载请通过简信或评论联系作者。