安卓嵌入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
}
},
},