元素 滚动加载

var obPage = {
            page: 1,
            size: 10,
            next: true, //是否可以下拉加载
            nextOff: true, //true  下拉加载的锁
        }
        getPointData()
        function getPointData() {
            
            $.ajax({
                type: "GET",
                url: '' + comUrl + '/?app_ajax=1&app_act=give_point_record',
                data: {
                    page: obPage.page,
                    size: obPage.size,

                },
                dataType: "json",
                success: function (res) {
                    // $('#give-list').empty();   //清空resText里面的所有内容
                    let dataList = res.data.list
                    obPage.nextOff = true //解锁
                    
                    if (res.code == 1) {
                        layer.msg(res.msg);
                        return false
                    }
                    if(dataList.length<=0 || res.data.page.total < obPage.size){
                        obPage.next = false //没有下一页
                        $('#give-list').append('<div class="last-kong">已经到最底部了!</div>')
                        return
                    }
                    var html = '';
                    for (var i = 0; i < dataList.length; i++) {
                        if (dataList[i].get_type == 1) {
                            html += "<div class='items'><div class='gb01'><div>" + dataList[i].username + "</div><div>" + dataList[i].point_datetime + "</div></div><div class='gb02'>+" + dataList[i].point + "<span>积分<span></div></div>";
                        } else {
                            html += "<div class='items'><div class='gb01'><div>" + dataList[i].username + "</div><div>" + dataList[i].point_datetime + "</div></div><div class='gb02 down'>-" + dataList[i].point + "<span>积分<span></div></div>";
                        }
                    }
                    $('#give-list').append(html);
                   

                }
            });
        }

        $('#give-list').scroll(function () {
            var scrollTop = $(this).scrollTop();
            var eleHeight = $(this).height();
            var scrollHeight = $(this)[0].scrollHeight;
            if (scrollTop >= scrollHeight - eleHeight - 3 && obPage.nextOff && obPage.next) {
                console.log('已经到最底部了!')
                obPage.page ++
                obPage.nextOff = false //加锁
                getPointData()
            }
        });

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值