js实现滑动到页面底部自动加载更多功能


Posted in Javascript onFebruary 15, 2017

话不多说,请看代码:

//滚动条到页面底部加载更多案例 
$(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 相关文章推荐
JS类中定义原型方法的两种实现的区别
Mar 08 Javascript
jQuery实现原理的模拟代码 -6 代码下载
Aug 16 Javascript
GridView中获取被点击行中的DropDownList和TextBox中的值
Jul 18 Javascript
浅析AMD CMD CommonJS规范--javascript模块化加载学习心得总结
Mar 16 Javascript
详解使用React全家桶搭建一个后台管理系统
Nov 04 Javascript
vue移动端弹框组件的实例
Sep 25 Javascript
微信小程序发送短信验证码完整实例
Jan 07 Javascript
让mocha支持ES6模块的方法实现
Jan 14 Javascript
JS函数基本定义与用法示例
Jan 15 Javascript
解决vue打包 npm run build-test突然不动了的问题
Nov 13 Javascript
Javascript实现单选框效果
Dec 09 Javascript
vue实现在data里引入相对路径
Jun 05 Vue.js
JS 实现随机验证码功能
Feb 15 #Javascript
JS实现PC手机端和嵌入式滑动拼图验证码三种效果
Feb 15 #Javascript
javascript设计模式之中介者模式学习笔记
Feb 15 #Javascript
javascript中apply/call和bind的使用
Feb 15 #Javascript
JS实现图片放大缩小的方法
Feb 15 #Javascript
JavaScript中的编码和解码函数
Feb 15 #Javascript
js date 格式化
Feb 15 #Javascript
You might like
提取HTML标签
2006/10/09 PHP
PHP新手上路(五)
2006/10/09 PHP
php获取地址栏信息的代码
2008/10/08 PHP
在html文件中也可以执行php语句的方法
2015/04/09 PHP
PHP获取数据库表中的数据插入新的表再原删除数据方法
2018/10/12 PHP
PHP反射学习入门示例
2019/06/14 PHP
JavaScript 仿关机效果的图片层
2008/12/26 Javascript
JS实现跟随鼠标闪烁转动色块的方法
2015/02/26 Javascript
在easyUI开发中,出现jquery.easyui.min.js函数库问题的解决办法
2015/09/11 Javascript
jquery动画效果学习笔记(8种效果)
2015/11/13 Javascript
JavaScript提高网站性能优化的建议(二)
2016/07/24 Javascript
微信小程序 滚动到某个位置添加class效果实现代码
2017/04/19 Javascript
js实现股票实时刷新数据案例
2017/05/14 Javascript
vue实现图书管理demo详解
2017/10/17 Javascript
基于input动态模糊查询的实现方法
2017/12/12 Javascript
从零开始最小实现react服务器渲染详解
2018/01/26 Javascript
Vue封装一个简单轻量的上传文件组件的示例
2018/03/21 Javascript
[00:43]FTP典藏礼包 DOTA2三大英雄霸气新套装
2014/03/21 DOTA
[02:44]DOTA2英雄基础教程 克林克兹
2014/01/15 DOTA
Python wxPython库Core组件BoxSizer用法示例
2018/09/03 Python
python设置环境变量的原因和方法
2019/06/24 Python
windows上安装python3教程以及环境变量配置详解
2019/07/18 Python
正则给header的冒号两边参数添加单引号(Python请求用)
2019/08/09 Python
关于pandas的离散化,面元划分详解
2019/11/22 Python
python 解决flask 图片在线浏览或者直接下载的问题
2020/01/09 Python
Python从文件中读取数据的方法步骤
2020/11/18 Python
Python 随机按键模拟2小时
2020/12/30 Python
详解Python爬虫爬取博客园问题列表所有的问题
2021/01/18 Python
教师岗位职责范本
2013/12/29 职场文书
致接力运动员广播稿
2014/02/17 职场文书
2014爱耳日宣传教育活动总结
2014/03/09 职场文书
法律顾问服务方案
2014/05/15 职场文书
老干部工作先进集体事迹材料
2014/05/21 职场文书
单位授权委托书范本
2014/09/26 职场文书
地方白酒代理协议书
2014/10/25 职场文书
2014年度个人总结范文
2015/03/09 职场文书