我们在项目中经常会用到下拉加载more。之前，我们要么把加载按钮写在底部，要么引入一个插件。今天终于有时间手写一篇了。之前比较麻烦，但是了解了原理之后，其实很简单...此图来自网络scrollTop：滚动窗口高度到窗口顶部的距离，会随着你的不断增加向上滚动，初始值为0，为变化值；clientHeight：固定值，表示屏幕区域的高度；scrollHeight：当页面无法滚动时不存在，只有当body长度超过window时才会出现，也就是说body中所有元素的长度是由以上三个值生成的一个原理公式：scrollTop+clientHeight>=scrollHeightletclientHeight=document.documentElement.clientHeight;//浏览器高度letscrollHeight=document.body.scrollHeight;让scrollTop=document.documentElement.scrollTop;让距离=50；//当距离窗口还是50时，开始触发；if((scrollTop+clientHeight)>=(scrollHeight-distance)){console.log("结束，开始加载数据");}
