安卓手机微信浏览器键盘弹起导致背景图样式不正常的处理
2020-02-25 本文已影响0人
Micro同学
安卓微信内h5页面如果有表单且背景是使用背景图的情况下,
如果填底部表单内容时键盘弹起,有几率造成背景图崩溃。
我的处理方法如下:
// 1.页面加载完后先存页面的高度
// 2.添加window.onresize监听
// 3.resize事件里我这么处理:
handlePageResize() {
if (document.documentElement.clientHeight < this.originHeight) {
目标元素.style.height = 0
this.$nextTick(() => {
目标元素.style.height = this.originHeight + 'px'
})
}
}