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

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

//  1.页面加载完后先存页面的高度
//  2.添加window.onresize监听
//  3.resize事件里我这么处理:
handlePageResize() {
  if (document.documentElement.clientHeight < this.originHeight) {
    目标元素.style.height = 0
    this.$nextTick(() => {
      目标元素.style.height = this.originHeight + 'px'
    })
  }
}
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容