监听滚动条到底
判断滚动条到底部,需要用到DOM的三个属性值,即scrollTop、clientHeight、scrollHeight。 scrollTop : 滚动条在Y轴上的滚动距离。 clientHeight : 内容可视区域的高度。 scrollHeight : 内容可视区域的高度加上溢出(滚动)的距离。 从这个三个属性的介绍就可以看出来,滚动条到底部的条件即为
scrollTop + clientHeight == scrollHeight
拓展
通过requireAnimationFrame 计算scrollTop时,需要添加大于保底情况,判断大于要是scropp直接等于最大值,可以避免出现滚动数值过大的显示遮挡情况