[JavaScript知识库]js触底加载，特定机型触不到底，踩大坑了

最近在一个列表。默认展示20条，触底加载20条
按道理讲是这样写就行

 var a =  this.$refs.scroll.clientHeight; // 滚动容器的可视高
        var b = this.$refs.scroll.scrollTop; // 滚动条距离顶部的高度
        var c = this.$refs.scroll.scrollHeight; // 滚动容器的整个高度
        if(c = a + b) { //当滚动容器的可视高+滚动容器滚动了的高度（滚动条顶部距离滚动容器顶部的距离） = 滚动容器的整个高度时，说明滚动条到底了
          this.num += 1;
          this.getTableData(this.num,20)  // 拿数据的函数
        }

为什么这样就是滚动到底。可能不太好理解，上图

按道理讲，合情合理，心满意足的提交了代码，结果测试测的时候发现有一种机型(vivo的机器)触不到底！！！
也就是c永远要比a+b大！！！！

我这才发现这个问题，所以其他博主的触底加载方法，其实也不正确
稍后我又测试了其它的机器，我发现误差在1个像素，就是有些机型c要比a+b最起码大个1像素。
比较好的触底加载方法是给函数加一个容错范围(建议5或者3,4)：

改进后的方法：

 var a =  this.$refs.scroll.clientHeight; // 滚动容器的可视高
        var b = this.$refs.scroll.scrollTop; // 滚动条距离顶部的高度
        var c = this.$refs.scroll.scrollHeight; // 滚动容器的整个高度
        if(c <= a + b + 5) { //当滚动容器的可视高+滚动容器滚动了的高度（滚动条顶部距离滚动容器顶部的距离） = 滚动容器的整个高度时，说明滚动条到底了
          this.num += 1;
          this.getTableData(this.num,20)  // 拿数据的函数
        }