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 判断是否存在函数，此功能如何实现，接下来为您介绍解决方法，需要了解的朋友可以参考下2013-01-01
使用IE的地址栏来辅助调试Web页脚本...2007-03-03
javascript中数组（Array)对象和字符串（String)对象的常用方法总结
这篇文章主要介绍了javascript中数组（Array)对象和字符串（String)对象的常用方法,结合实例形式总结分析了javascript中关于数组和字符串的常用函数与使用技巧,需要的朋友可以参考下2016-12-12
JS获得鼠标位置（兼容多浏览器ie,firefox）脚本之家修正版
这段代码经过测试，支持ie和ff是个不错的代码，并修正了错误，希望大家先运行测试下2008-11-11
使用Javascript判断浏览器终端设备(PC、IOS(iphone)、Android)
WEB开发中如何通过Javascript来判断终端为PC、IOS(iphone)、Android呢?可以通过判断浏览器的userAgent，用正则来判断手机是否是ios和Android客户端,下面通过本文学习下吧2017-01-01
开启Javascript中apply、call、bind的用法之旅模式
在Javascript中，Function是一种对象。Function对象中的this指向决定于函数被调用的方式,使用apply，call 与 bind 均可以改变函数对象中this的指向。2015-10-10
这篇文章主要介绍了javascript实现图片循环渐显播放的方法,涉及javascript操作图片的技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-02-02
这篇文章主要介绍了微信小程序picker组件下拉框选择input输入框的实例的相关资料,希望通过本文能帮助到大家，需要的朋友可以参考下2017-09-09
下面小编就为大家分享一篇总结js中的一些兼容性易错的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2017-12-12
关于ckeditor在bootstrap中modal中弹框无法输入的解决方法
今天小编就为大家分享一篇关于ckeditor在bootstrap中modal中弹框无法输入的解决方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2019-09-09
最新评论