web页面在滚动条下拉时加载更多内容
2016-01-30 17:08
295 查看
在很多app里面我们都可以看到当手机拉到底部的时候会自动加载更多的内容,就相当于翻页的效果,但是这是app的功能,这里我们一起看看web页面的实现,其实这个实现也是很简单的,在这多谢各位提供参考资料的朋友。js代码实现:
do something就是需要执行的功能,要是想加载更多的内容,就可以发送post请求到后台系统获取更多数据,如果没有数据就给出相应的提示,这个更人性化。
$(function(){ $(window).scroll(function() { var scrollTop = $(this).scrollTop(),scrollHeight = $(document).height(),windowHeight = $(this).height(); var positionValue = (scrollTop + windowHeight) - scrollHeight; if (positionValue == 0) { //do something } }); );
do something就是需要执行的功能,要是想加载更多的内容,就可以发送post请求到后台系统获取更多数据,如果没有数据就给出相应的提示,这个更人性化。
相关文章推荐
- jQuery下实现等待指定元素加载完毕(可改成纯js版)
- jQuery模拟原生态App上拉刷新下拉加载更多页面及原理
- android编程之下拉刷新实现方法分析
- jQuery+PHP+ajax实现微博加载更多内容列表功能
- Jquery ajax加载等待执行结束再继续执行下面代码操作
- js解决select下拉选不中问题
- JavaScript判断图片是否能够加载,失败则替换默认图片
- js 判断图片是否加载完以及实现图片的预下载
- js 加载时自动调整图片大小
- JavaScript优化专题之Loading and Execution加载和运行
- jQuery实现模仿微博下拉滚动条加载数据效果
- 优化Jquery,提升网页加载速度
- jquery实现的鼠标下拉滚动置顶效果
- jquery实现的下拉和收缩效果示例
- JQuery实现级联下拉框效果实例讲解
- jquery实现选中单选按钮下拉伸缩效果
- 基于jQuery实现下拉收缩(展开与折叠)特效
- jQuery移动web开发中的页面初始化与加载事件
- js检测iframe是否加载完成的方法
- php手动加载视图文件