判断用户是否滑动到底部遇到的特殊机型

最近一个需求背景是页面展示一个pdf内容，pdf有好多页，用户可以滑动pdf进行浏览，滑动到底部时，在显示签字页让用户进行签字操作。逻辑思路是用了vue-pdf插件，将后端返回的文件流转化为url地址，在调用vue-pdf插件的方法去展示pdf

// 将base64文件流转换为url地址
          let code = res.body.imgObject.content.substring(
            res.body.imgObject.content.indexOf(",") + 1
          );
          let bstr = atob(code);
          let n = bstr.length;
          let u8arr = new Uint8Array(n);
          while (n--) {
            u8arr[n] = bstr.charCodeAt(n);
          }
          //确定解析格式
          let blob = new Blob([u8arr], {
            type: "application/pdf;chartset=UTF-8",
          });
          let url = window.URL.createObjectURL(blob);
          // console.log(url, "pdf地址");
          this.pdfsrc = url;

判断用户滑动到底部用的是scroll事件

// 滚动事件
    handleScroll(event) {
      const dialog = event.target;
      // 当内容滑动到底部时，执行想要的操作 scrollHeight 元素内容的高度,包括溢出的不可见内容 clientHeight 元素的像素高度,包含元素的高度+内边距  scrollTop滚动的距离
      let line = dialog.scrollHeight - dialog.scrollTop;
      let flag = line - dialog.clientHeight <= 1;
      // console.log(
      //   dialog.scrollTop,
      //   "滑动了",
      //   dialog.scrollHeight,
      //   "scrollHeight",
      //   dialog.clientHeight,
      //   "clientHeight",
      //   flag
      // );
      if (
        dialog.scrollHeight <= dialog.clientHeight + dialog.scrollTop ||
        flag
      ) {
        // console.log("滑动到底部");
        this.signShow = true;
      }
    },

在判断是否滑动到底部时发现一个特别的安卓机型，就划到底部时元素的scrollHeight会大于clientHeight和scrollTop的高度之和，前者会比后者大0.0几，就导致用户滑动到底部之后也不符合判断条件，ios手机是前者和后者相等，大部分安卓机是划到底部前者小于后者，这次遇到的是华为的一个机型滑到底也不够，所以又加了一个判断条件相差在1之内都算滑到低了