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)  });
 收藏 (0) 打赏

您可以选择一种方式赞助本站

支付宝扫一扫赞助

微信钱包扫描赞助

除特别注明外,本站所有文章均基于CC-BY-NC-SA 4.0原创,转载请注明出处。
文章名称:《Infinite Scroll – jQuery & WP 无限滚动插件》
文章链接:https://www.lbyxlz.com/infinite-scroll-jquery-wp-%e6%97%a0%e9%99%90%e6%bb%9a%e5%8a%a8%e6%8f%92%e4%bb%b6/
分享到: 生成海报

评论 抢沙发

  • QQ号
  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
切换注册

登录

点击按钮进行验证

忘记密码 ?

您也可以使用第三方帐号快捷登录

切换登录

注册

我们将发送一封验证邮件至你的邮箱, 请正确填写以完成账号注册和激活