使用jQuery或者原生js实现鼠标滚动加载页面新数据_jquery

下面的代码主要是控制滚动条下拉时的加载事件的，无论是加载图片还是加载记录数据 都可以。

加载jQuery库后我们可以这样使用：

解析：

判断滚动条到底部，需要用到DOM的三个属性值，即scrollTop、clientHeight、scrollHeight。

• scrollTop为滚动条在Y轴上的滚动距离。
• clientHeight为内容可视区域的高度。
• scrollHeight为内容可视区域的高度加上溢出（滚动）的距离。

从这个三个属性的介绍就可以看出来，滚动条到底部的条件即为scrollTop + clientHeight == scrollHeight。

纯js我们可以这样做：