当前位置:Gxlcms > JavaScript > js实现滚动鼠标加载数据

js实现滚动鼠标加载数据

时间:2021-07-01 10:21:17 帮助过:5人阅读

本文主要和大家分享 js中滚动鼠标加载数据的实现,希望能帮助到大家。

// 滚动请求数据
    vm.queryAssetLogList = [];
    var creditFlag = true, creditIndex = 1;
    $('.cLogBox').scroll(function (e) {
        var heightMinus = $('.cLog').height() - $('.cLogBox').scrollTop();
        if (heightMinus <= 600) {
            if (creditFlag) {
                creditFlag = false;
                creditIndex++;
                // assetQueryAssetLogFun(vm.pageNum, vm.pageSize, obj.id);
                assetQueryAssetLogFun(creditIndex, vm.pageSize, vm.logDetail.id, function (data) {
                    if (vm.queryAssetLogList.length < creditIndex * 10) {
                    } else {
                        creditFlag = true;
                    }
                })
            }
        }
    });
// 查询资产日志
    function assetQueryAssetLogFun(pageNum, pageSize, id, succFn) {
        var param = {
            "pageNum": pageNum,
            "pageSize": pageSize,
            "id": id
        };
        console.log(param);
        homepageService.assetQueryAssetLog(param).then(function (data) {
            if (data.data.length < 10) {
                creditFlag = false;
            }
            vm.queryAssetLogList = vm.queryAssetLogList.concat(data.data);
            return succFn();
        }, function (res) {
            vm.queryAssetLogList = [];
        })


相关推荐:

基于jquery的滚动鼠标放大缩小图片效果_jquery

以上就是js实现滚动鼠标加载数据的详细内容,更多请关注Gxl网其它相关文章!

人气教程排行