js实现滑动到页⾯底部⾃动加载更多功能话不多说,请看代码:
//滚动条到页⾯底部加载更多案例
$(window).scroll(function(){
var scrollTop = $(this).scrollTop(); //滚动条距离顶部的⾼度
var scrollHeight = $(document).height(); //当前页⾯的总⾼度
网站底部代码js特效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为当前分页数
}else if(scrollTop<=0){
//滚动条距离顶部的⾼度⼩于等于0 TODO
//alert("下拉刷新,要在这调⽤啥⽅法?");
}
});
以上就是本⽂的全部内容,希望本⽂的内容对⼤家的学习或者⼯作能带来⼀定的帮助,同时也希望多多⽀持!
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论