安卓嵌入H5页面底部按钮使用fixed定位被软键盘顶起问题

2020-04-27  本文已影响0人  光明大兄弟
data() {
    return {
        docmHeight: document.documentElement.clientHeight,   // 默认屏幕高度
        showHeight: document.documentElement.clientHeight,   // 实时屏幕高度
        hideShow: true,
    }
}

mounted(){
    // window.onresize 监听页面高度的变化
    window.onresize = () => {
       return (()=>{
           this.showHeight = document.documentElement.clientHeight;
       })();
    }
}
destroyed() {
    // 销毁onresize 监听页面高度的变化
    window.onresize = null;
 },
// 监听
watch:{
    // 实时屏幕高度
    showHeight: function() {
        if(this.docmHeight > this.showHeight){
            this.hideShow = false
        } else {
            this.hideShow = true
        }
    },
 },
上一篇 下一篇

猜你喜欢

热点阅读