js实现滑动到页面底部自动加载更多功能
更新时间：2017年02月15日 15:58:04 作者：denops
本文主要分享了js实现滑动到页面底部自动加载更多功能的代码。具有很好的参考价值，下面跟着小编一起来看下吧
话不多说，请看代码：
//滚动条到页面底部加载更多案例
$(window).scroll(function(){
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为当前分页数
}else if(scrollTop<=0){
//滚动条距离顶部的高度小于等于0 TODO
//alert("下拉刷新，要在这调用啥方法？");
}
});
以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，同时也希望多多支持脚本之家！
相关文章
这篇文章主要介绍了JavaScript表单焦点自动切换代码的相关资料,非常不错，具有参考借鉴价值，需要的朋友可以参考下2016-07-07
这篇文章主要介绍了javascript十六进制及二进制转化的方法,涉及javascript中toString方法的使用技巧,需要的朋友可以参考下2015-05-05
JavaScript继承方式实例，需要的朋友可以参考下。2010-10-10
时间戳和时间日期的转换是常见的操作，下面就通过代码实例介绍一下如何实现它们之间的相互转换，感兴趣的朋友一起学习吧2016-02-02
这篇文章主要介绍了JS如何循环遍历JSON数据的方法,本文提供了 JS 循环 JSON 数据列,以及 JS 循环遍历 JSON 数据的例子,需要的朋友可以参考下2024-01-01
这篇文章主要介绍了JS实现的DOM插入节点操作,结合实例形式分析了javascript针对页面dom元素动态操作相关实现技巧,需要的朋友可以参考下2018-04-04
针对jQuery、Ext、KISSY三者类库的对比及分析已经很多了，但多数是从功能和设计的角度切入，因此本篇文章决定换一个特殊的角度，从各类库的顶层对象名的键盘输入的体验上来对这三个类库进行比较。2010-10-10
这篇文章主要为大家详细介绍了原生JS仿QQ阅读点击展开、收起效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-03-03
这篇文章主要介绍了TS 中 never,void,unknown类型详解,never 类型是 TypeScript 中的底层类型，unknown是TypeScript中比较特殊的一种类型，它用于描述类型不确定的变量，本文给大家介绍的非常详细，需要的朋友可以参考下2023-05-05
本文主要介绍了js转换对象为xml的方法。具有很好的参考价值，下面跟着小编一起来看下吧2017-02-02
最新评论