码迷,mamicode.com
首页 > 移动开发 > 详细

js移动端的下拉刷新,上拉加载更多。

时间:2018-01-01 21:55:35      阅读:230      评论:0      收藏:0      [点我收藏+]

标签:上拉加载   tps   ++   func   log   post   上拉加载更多   调用   nbsp   

function refresh(refresh,loadmore) {
$(window).scroll(function(){
console.log(‘正在滑动f‘);

var scrollTop = $(this).scrollTop(); //滚动条距离顶部的高度
var scrollHeight = $(document).height(); //当前页面的总高度
var clientHeight = $(this).height(); //当前可视的页面高度
// console.log("top:"+scrollTop+",doc:"+scrollHeight+",client:"+clientHeight);
if(scrollTop + clientHeight >= scrollHeight){ //距离顶部+当前高度 >=文档总高度 即代表滑动到底部 count++; //每次滑动count加1
// filterData(serviceTypeId,industryId,cityId,count); //调用筛选方法,count为当前分页数
console.log(‘下拉‘);

if(loadmore){
loadmore();
}
}else if(scrollTop<=0){
//滚动条距离顶部的高度小于等于0 TODO
//alert("下拉刷新,要在这调用啥方法?");

console.log(‘上拉‘);
if(refresh){
refresh();
}

}

});

}
var fn1,fn2;
refresh(fn1,fn2);

 

 

 

 

原文:https://www.cnblogs.com/handsomeBoys/p/6557839.html

js移动端的下拉刷新,上拉加载更多。

标签:上拉加载   tps   ++   func   log   post   上拉加载更多   调用   nbsp   

原文地址:https://www.cnblogs.com/luowBlog/p/8168737.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!