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 出阁宴祝福语姐姐简短