首页  >  文章  >  web前端  >  js实现滚动鼠标加载数据

js实现滚动鼠标加载数据

小云云
小云云原创
2018-02-27 13:49:012042浏览

本文主要和大家分享 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实现滚动鼠标加载数据的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn