码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2014-09-09 15:39:18      阅读:210      评论:0      收藏:0      [点我收藏+]

标签:des   style   blog   http   os   io   java   ar   strong   

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

 

bubuko.com,布布扣

 

插件下载     效果演示

 

下面是所有的配置选项:

$(‘.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)
});

  

您可能感兴趣的相关文章

 

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

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

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

标签:des   style   blog   http   os   io   java   ar   strong   

原文地址:http://www.cnblogs.com/lhb25/p/infinite-scroll-jquery-wordpress-plugin.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!