通过jquery实现根据滚动页面加载相关数据。
$(function() {
getCount();
// 设置布尔值用于判断是否该DIV到达过可视区域
var scrollflaga = true;
var page=1;
//ajax请求第一页数据
getFinishList(page);
var flag=true;
// 监听滚轮事件
$(window).scroll(function () {
var scrollTop=$(document).scrollTop();
var windowHeight=$(this).height();
var documentHeight=$(document).height();
if (scrollflaga == true) {
if (scrollTop+windowHeight+100>=documentHeight&&flag) {
// 如果到达了可视区域,则设置其布尔值为false,防止一直调用下面函数,即只做一次ajax请求
//scrollflaga = false;
page++;
console.log(page);
// 你的ajax请求函数
getFinishList(page);
}
}
})
})