安卓手机微信浏览器键盘弹起导致背景图样式不正常的处理

安卓微信内h5页面如果有表单且背景是使用背景图的情况下,
如果填底部表单内容时键盘弹起,有几率造成背景图崩溃。
我的处理方法如下:

//  1.页面加载完后先存页面的高度
//  2.添加window.onresize监听
//  3.resize事件里我这么处理:
handlePageResize() {
  if (document.documentElement.clientHeight < this.originHeight) {
    目标元素.style.height = 0
    this.$nextTick(() => {
      目标元素.style.height = this.originHeight + 'px'
    })
  }
}

你可能感兴趣的:(安卓手机微信浏览器键盘弹起导致背景图样式不正常的处理)