基于JavaScript实现移动端无限加载分页的示例代码分享

本文实例为大家分享了js实现移动端无限加载分页的具体代码，供大家参考，具体内容如下

原理：当滚动条到达底部时，执行下一页内容。

判断条件需要理解三个概念：
1.scrollHeight 真实内容的高度
2.clientHeight 视窗的高度，即在浏览器中所能看到的内容的高度
3.scrollTop 视窗上面隐藏掉的部分，即滚动条滚动的距离

思路：

1.使用fixed定位加载框
2.使用$(window).scroll();方法来触发是否加载
3.通过 真实内容高度 - 视窗高度 - 上面隐藏部分 < 10 ,作为加载触发的条件

代码样例

以上就是基于JavaScript实现移动端无限加载分页的示例代码分享的详细内容，更多请关注Gxl网其它相关文章！