js页面懒加载

 通过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);
                }
            }
        })
    })