安卓H5页面fixed布局被软键盘上顶问题

最新推荐文章于 2023-08-11 10:55:56 发布

hy3528

最新推荐文章于 2023-08-11 10:55:56 发布

阅读量446

点赞数

分类专栏： Vue

本文链接：https://blog.csdn.net/hy3528/article/details/117122738

版权

Vue.js 页面适配窗口监听高度调整 DOM操作

关键词由CSDN通过智能技术生成

Vue 专栏收录该内容

38 篇文章 0 订阅

订阅专栏

Vue

data:{
			isTabbar: true, //判断页面的fixed内容是展示还是隐藏
 			docmHeight: document.documentElement.clientHeight,  //默认屏幕高度
            showHeight: document.documentElement.clientHeight,   //实时屏幕高度
},
 mounted() {
            // window.onresize监听页面高度的变化
            window.onresize = () => {
                return (() => {
                    this.showHeight = document.documentElement.clientHeight;
                })()
            }

        },
        watch: {
            showHeight() {
                if (this.docmHeight > this.showHeight) {
                    this.isTabbar = false
                } else {
                    this.isTabbar = true
                }
            }
        },