jQuery瀑布流加载更多数据
来源:互联网 发布:精通matlab混合编程 编辑:程序博客网 时间:2024/05/29 12:20
前段时间,项目中用到了瀑布流加载更多数据,主要代码如下:
$(window).scroll(function () { var contentH = $(document).height(); //内容高度 var scrollH = $(this).scrollTop(); //滚动高度 var viewH = $(this).height(); //可视高度 if(contentH-viewH-scrollH<100){ //当滚动条距离底部高度<100px alert('滚动条距离底部不到100啦!'); //此处是滚动条距离底部100px时触发的事件,在这里写要加载的数据,或者是其他操作,我用了alert进行代替 }});
注释:
- contentH : 内容高度,即已经加载的内容的高度;
- scrollH : 滚动高度,即滚动条滚动的距离;
- viewH : 可视高度,即容器的高度。
0 0
- jQuery瀑布流加载更多数据
- 瀑布流的加载更多
- jquery 瀑布流自动加载数据方法
- 瀑布流 上拉加载更多
- vue瀑布流组件滑动加载更多
- 瀑布流加载数据
- ECSHOP滚动或点击加载更多订单(瀑布流)JQuery.more.js
- jquery制作图片瀑布流点击按钮加载更多内容
- jquery实现瀑布流效果+下拉加载新数据
- ASP.NET仿新浪微博下拉加载更多数据瀑布流效果
- 瀑布流加载(数据模拟)
- JQuery滚动加载更多数据实例
- 瀑布流,下拉刷新、上拉加载更多
- vue瀑布流组件上拉加载更多
- RecycleView 瀑布流中加载更多遇到的问题
- JavaScript、jQuery、css3实现瀑布流加载
- jquery 瀑布流原理 页面到达底部加载数据的方法
- 超级简单的瀑布流加载数据
- uClinux中FLT文件格式浅析
- http报文头解析
- hdu 2203 亲和串
- swift——内置类型字面值
- linux dirname的使用
- jQuery瀑布流加载更多数据
- 批处理 选择打开指定的文件夹
- shell编写倒九九表
- 《Training:Adding an Easy Share Action》
- activity切换动画
- 【机器学习(李宏毅)】四、Gradient Descent
- pl/sql 数据修改不了问题(表被锁了)
- centos7 mysql数据库安装和配置
- shared_ptr,weak_ptr源码解析