弹框在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浏览器表现不一样，所以做了特殊处理

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

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