当前位置:首页 > 日记 > 正文

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

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("下拉刷新,要在这调用啥方法?"); }});

以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持!

相关文章

AI巧用艺术画笔制作绚丽艺术字教程

AI巧用艺术画笔制作绚丽艺术字教程

教程,巧用,绚丽,艺术,艺术字,效果图:主要过程:教程结束,以上就是AI巧用艺术画笔制作绚丽艺术字教程的全部内容,希望大家喜欢!相关教程推荐:AI艺术画笔制作GRUNGE特效文字AI制作超漂亮的艺术字体Illustrator(AI)设计制作漂亮的蓝色艺术字实例教程…

JS SetInterval 代码实现页面轮询

JS SetInterval 代码实现页面轮询

代码实现,页面,电脑软件,JS,SetInterval,概念介绍setInterval 是一个实现定时调用的函数,可按照指定的周期(以毫秒计)来调用函数或计算表达式。setInterval方法会不停地调用函数,直到 clearInterval 被调用或窗口被关闭。由 setInterval 返回的…

ai画布怎么旋转? ai图形画布的三种

ai画布怎么旋转? ai图形画布的三种

方法,图形,三种,电脑软件,ai,ai中想要旋转图形或者选注画布,该怎么操作呢?下面我们就来介绍三种方法,请看下文详细介绍软件名称:Adobe Illustrator CS5(ai软件下载)精简绿色免费版软件大小:111.56MB更新时间:2013-08-09方法一:旋转图形1、想要内容…

基于JavaScript实现移动端无限加载

基于JavaScript实现移动端无限加载

加载,移动端,无限,分页,电脑软件,本文实例为大家分享了js实现移动端无限加载分页的具体代码,供大家参考,具体内容如下原理:当滚动条到达底部时,执行下一页内容。判断条件需要理解三个概念: 1.scrollHeight 真实内容的高度 2.clientHeight …

PS详解电商产品电吹风机的后期精修

PS详解电商产品电吹风机的后期精修

教程,产品,电吹风,详解,后期,ps实操:PS详细解析电商产品电吹风机图片的后期精修思路时间:90分钟12 阅读全文教程结束,以上就是PS详解电商产品电吹风机图片的后期精修思路教程的全部内容,希望对你有所帮助!相关教程推荐:PS电商修图之吹风机产品修…

ES2015 正则表达式新增特性

ES2015 正则表达式新增特性

正则表达式,特性,电脑软件,ES2015 正则表达式新增特性:在原来正则表达式基础上,ES2015增强了对四字节unicode字符的支持等功能。更多正则表达式内容可以参阅正则表达式教程板块。一.RegExp构造函数的使用:在ES2015之前,使用RegExp构造函数创…

wps的excel另存为在哪里

wps的excel另存为在哪里

另存为,使用方法,电脑软件,wps,excel,  使用软件的朋友知道退出需要保存文件,但是有一种情况就是不想覆盖旧文件怎么办?很简单任何软件中都有一个另存为功能可以轻松保存多个文件,下面给大家分享Excel另存为的方法。excel另存为的使用方法1.…

ps怎么设计一款红色的UI时钟元素图

ps怎么设计一款红色的UI时钟元素图

元素,红色,时钟,图标,电脑软件,今天我们就来看看ps设计一款时钟ui图的教程,不过如果想要矢量图还是使用ai设计比较好。软件名称:Adobe Photoshop 8.0 中文完整绿色破解版软件大小:150.1MB更新时间:2015-11-041、新建文件,这里需要做一个底,就是中…

PS怎么制作一个简单的引线?

PS怎么制作一个简单的引线?

引线,简单,电脑软件,PS,PS怎么是做简单的引线图形?下面我们就来看看详细的教程。软件名称:Adobe Photoshop 8.0 中文完整绿色破解版软件大小:150.1MB更新时间:2015-11-041、打开ps 2、新建文档3、找到矩形工具栏点右键4、出现工具栏点击直线工…

ps基础教程:Photoshop CS6自由变换

ps基础教程:Photoshop CS6自由变换

变换,命令,使用方法,基础教程,自由,怎样熟练使用PS当中的自由变换?ps是我们常用的图片编辑软件,现在的美工每一个都要求学会的一个软件。ps对我们平时办公也是很重要的,尤其是一些基础的功能,如自由变换命令。那么,ps自由变换命令怎么用呢?接下来…

详解在Vue中通过自定义指令获取dom

详解在Vue中通过自定义指令获取dom

元素,自定义指令,详解,电脑软件,Vue,vue.js 是数据绑定的框架,大部分情况下我们都不需要直接操作 DOM Element,但在某些时候,我们还是有获取DOM Element的需求的; 在 vue.js 中,获取某个DOM Element常用的方法是将这个元素改成一个组件 (compone…

ps怎么设计一款巧克力奶油文字效果

ps怎么设计一款巧克力奶油文字效果

奶油,文字效果,电脑软件,ps,简单但效果超棒的PS教程。软件名称:Adobe Photoshop 8.0 中文完整绿色破解版软件大小:150.1MB更新时间:2015-11-041、下面是效果图。2、新建立一个图层大小随自己喜好没有过多要求,建立背景添加紫红色的径向渐变。3…