安卓手机调用键盘把fixed定位挤上去

解决方案

大概思路就是安卓手机调用键盘时 会往上挤 导致clientHeight变化,定位会针对当前区域变化 导致fixed往上偏移
解决: 检测屏幕变化 将此fixed隐藏 当回归原来高的大小的时候 在显示

<!-- 此为fixed定位 -->
<div v-if="hidshow" class="fixed">这是fixed定位</div>
data() {
    return {
        hidshow: true
    }
}
mounted() {
        // 获取浏览器可视区域高度
        var u = navigator.userAgent;
        var isIos = !!u.match(/\(i[^;]+;(U;)?CPU.+Mac OS X/);
        if (!isIos) {
            // 键盘弹起事件
            var _this = this;
            var docmHeight = document.documentElement.clientHeight || document.body.clientHeight;
            window.onresize = function () {
                var resizeHeight = document.documentElement.clientHeight || document.body.clientHeight;
                if (resizeHeight < docmHeight) {
                    _this.hidshow = false;
                } else {
                    _this.hidshow = true;
                }
            };
        }
    }
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容