js中滚动鼠标加载数据
2018-02-27 12:21
429 查看
// 滚动请求数据
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 = [];
})
}
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 = [];
})
}
相关文章推荐
- js 鼠标滚动到某屏时,加载那一屏的数据,仿京东首页楼层异步加载模式
- 使用jQuery或者原生js实现鼠标滚动加载页面新数据
- 使用jQuery或者原生js实现鼠标滚动加载页面新数据
- Scrollanim---鼠标向下滚动加载动画,与wow.js类似
- JS滚动加载数据的方法
- jQuery滚动事件之鼠标滚动到底部再加载数据
- JS图片根据鼠标滚动延时加载的实例代码
- js实现滚动条边滚动边加载数据
- JS图片根据鼠标滚动延时加载的实例代码
- js中对arry数组的各种操作小结 瀑布流AJAX无刷新加载数据列表--当页面滚动到Id时再继续加载数据 web前端url传递值 js加密解密 HTML中让表单input等文本框为只读不可编辑的方法 js监听用户的键盘敲击事件,兼容各大主流浏览器 HTML特殊字符
- js滚动异步加载数据的思路
- jQuery滚动事件之鼠标滚动到底部再加载数据
- js 禁用ctrl+鼠标滚动(js函数自动加载,或者jquery自动加载)
- vue.js中滚动条加载更多数据
- js滚动分页加载数据
- WOW.js – 鼠标向下滚动加载动画(仅执行一次)
- js 窗口滚动到一定高度时加载数据
- js 下拉底部加载|滑轮滚动到页面底部ajax加载数据的实例
- 基于jquery鼠标或者移动端滚动加载数据
- js实现滚动到页面底端加载下一页数据