masonry+infinitescroll实现无限加载分页
来源:互联网 发布:linux打开绝对路径 编辑:程序博客网 时间:2024/06/05 14:37
在我的博客中之前已经分别讲过masonry和infinitescroll插件,以及详尽的demo。这里讲的重点是二者的结合实现无限加载分页,话不多说,直接上代码。
$(function(){ var $container = $('#masonry'); $container.imagesLoaded( function(){ $container.masonry({ itemSelector : '.box', gutterWidth : 20, isAnimated: true, }); }); infiniteScroll = function() { // infinite scrolling var $container = $('#masonry'); $container.infinitescroll({ binder: $('#conScroll'), navSelector : '#page-nav', // selector for the paged navigation nextSelector : '#page-nav a', // selector for the NEXT link (to page 2) itemSelector : '.box', // selector for all items you'll retrieve pixelsFromNavToBottom: 150, extraScrollPx: 50, // debug : true, prefill : true, bufferPx : 1, //提示语展现的时长,数字越大,展现时间越短 path : function(page){ return 'image.html'; }, loading: { finishedMsg: 'no more comments!', msgText: 'onload old comments', img: 'images/loading-dark.gif' } }, function( nextComments ) { var $nextComm = $( nextComments ); $container.masonry( 'appended', $nextComm, true ); //这里需要特别注意 }); } infiniteScroll(); });
demo下载地址 http://download.csdn.net/detail/jiangjundriver/9871462
阅读全文
0 0
- masonry+infinitescroll实现无限加载分页
- jquery.infinitescroll无限加载插件
- jQUery 中masonry与infinitescroll结合 实现瀑布流,下拉加载
- 下拉分页异步加载infinitescroll的使用
- js中masonry与infinitescroll结合
- JS实现无限分页加载——原理图解
- js 实现无限加载分页(适合移动端)
- js 实现无限加载分页(适合移动端)
- Masonry + Ajax 实现无限刷新瀑布流
- jQuery插件infinitescroll参数【无限翻页】
- infinitescroll
- 有关jquery.infinitescroll.js下拉加载数据
- [DIV/CSS] Vue.js 开发实践:实现精巧的无限加载与分页功能
- js + jquery 实现无限加载页面的分页(类似京东手机版)
- 【JQ】无限滚动条-jquery.infinitescroll.js使用说明
- ViewPager+Fragment实现无限加载
- AngularJs实现无限滚动加载
- listView实现分页加载
- 虚拟化(硬件)技术与容器技术
- Java基础之开篇
- Tornado框架
- 搭建React Native Android开发环境
- 信号的捕捉与模拟实现sleep函数
- masonry+infinitescroll实现无限加载分页
- python(二):函数以及面向对象相关
- UIButton文字颜色无法修改的解决方法和知识拓展
- Centos7 FastDFS搭建
- 基于spring security及spring aop的权限控制
- Xcode编译出现linker command failed with exit code 1问题的解决方案
- linux的socket can学习,指令汇总:
- Android 自定义View 实现方向盘控件的绘制
- LeetCode 378. Kth Smallest Element in a Sorted Matrix