首页 > 代码库 > Infinite Scroll - jQuery & WP 无限滚动插件

Infinite Scroll - jQuery & WP 无限滚动插件

  无限滚动(Infinite Scroll)也成为自动分页、滚动分页和无限分页。常用在图片、文章或其它列表形式的网页中,用来在滚动网页的时候自动加载下一页的内容。Infinite Scroll  这款 jQuery & WordPress 无限滚动插件可以帮助你轻松实现这个效果。

 

 

插件下载     效果演示

 

下面是所有的配置选项:

$(‘.selector‘).infinitescroll({  loading: {    finished: undefined,    finishedMsg: "<em>Congratulations, you‘ve reached the end of the internet.</em>",                img: null,    msg: null,    msgText: "<em>Loading the next set of posts...</em>",    selector: null,    speed: ‘fast‘,    start: undefined  },  state: {    isDuringAjax: false,    isInvalidPage: false,    isDestroyed: false,    isDone: false, // For when it goes all the way through the archive.    isPaused: false,    currPage: 1  },  behavior: undefined,  binder: $(window), // used to cache the selector for the element that will be scrolling  nextSelector: "div.navigation a:first",  navSelector: "div.navigation",  contentSelector: null, // rename to pageFragment  extraScrollPx: 150,  itemSelector: "div.post",  animate: false,  pathParse: undefined,  dataType: ‘html‘,  appendCallback: true,  bufferPx: 40,  errorCallback: function () { },  infid: 0, //Instance ID  pixelsFromNavToBottom: undefined,  path: undefined, // Can either be an array of URL parts (e.g. ["/page/", "/"]) or a function that accepts the page number and returns a URL  maxPage:undefined // to manually control maximum page (when maxPage is undefined, maximum page limitation is not work)});

  

您可能感兴趣的相关文章
  • Web 开发中很实用的10个效果【源码下载】
  • 精心挑选的优秀jQuery Ajax分页插件和教程
  • 12个让人惊叹的的创意的 404 错误页面设计
  • 让网站动起来!12款优秀的 jQuery 动画插件
  • 十分惊艳的8个 HTML5 & JavaScript 特效

 

本文链接:Infinite Scroll - jQuery & WordPress 无限滚动

编译来源:梦想天空 ◆ 关注前端开发技术 ◆ 分享网页设计资源

Infinite Scroll - jQuery & WP 无限滚动插件