js实现滑动到页面底部自动加载更多功能
话不多说,请看代码:
//滚动条到页面底部加载更多案例
$(window).scroll(function(){
varscrollTop=$(this).scrollTop();//滚动条距离顶部的高度
varscrollHeight=$(document).height();//当前页面的总高度
varclientHeight=$(this).height();//当前可视的页面高度
//console.log("top:"+scrollTop+",doc:"+scrollHeight+",client:"+clientHeight);
if(scrollTop+clientHeight>=scrollHeight){//距离顶部+当前高度>=文档总高度即代表滑动到底部count++;//每次滑动count加1
filterData(serviceTypeId,industryId,cityId,count);//调用筛选方法,count为当前分页数
}elseif(scrollTop<=0){
//滚动条距离顶部的高度小于等于0TODO
//alert("下拉刷新,要在这调用啥方法?");
}
});
以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持毛票票!
热门推荐
10 发文章祝福语简短英语
11 中秋祝福语简短女朋友
12 学校校长新年祝福语简短
13 生日宴祝福语 简短独特
14 孩子语音婚礼祝福语简短
15 生日祝福语哥哥英文简短
16 卖奶茶开张祝福语简短
17 生日祝福语 男性简短独特
18 元旦英文祝福语大全简短