弹框在UC浏览器或者Android机器上会被顶上去

弹框在UC浏览器或者Android机器上会被顶上去

 

可以通过监听resize事件

    this.height = $(document).height();
    window.addEventListener('resize', () => {
      if (/OPPO|HUAWEI/ig.test(navigator.userAgent)) {
        if (document.body.clientHeight < this.height) {
          this.hideBottom();
        } else {
          this.showBottom();
        }
      } else if (document.body.clientHeight > this.height) {
        this.hideBottom();
      } else {
        this.showBottom();
      }
    });
  }

 

目前是发现OPPO跟华为的clientHeight跟ios下面的UC浏览器表现不一样，所以做了特殊处理

用了上面的方法之后就是下面的效果了

 

各位前端的小伙伴如果有更好的方法，一定要告诉我啊！