js implements scrolling mouse to load data-JS Tutorial-php.cn

js implements scrolling mouse to load data

小云云

Release： 2018-02-27 13:49:01

Original

1996 people have browsed it

This article mainly shares with you the implementation of rolling mouse loading data in js, hoping to help everyone.

// 滚动请求数据
    vm.queryAssetLogList = [];
    var creditFlag = true, creditIndex = 1;
    $(&#39;.cLogBox&#39;).scroll(function (e) {
        var heightMinus = $(&#39;.cLog&#39;).height() - $(&#39;.cLogBox&#39;).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 = [];
        })

Copy after login

Related recommendations:

Jquery-based rolling mouse zoom-in image effect_jquery

The above is the detailed content of js implements scrolling mouse to load data. For more information, please follow other related articles on the PHP Chinese website!