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

今天药忘吃喽~ 2023-06-02 09:13 1阅读 0赞

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

[![images0-cnblogs-com_blog_36987_201409_071216097195756.jpg][]][images0-cnblogs-com_blog_36987_201409_071216097195756.jpg 1]

[插件下载][Link 1]     [效果演示][Link 2]

下面是所有的配置选项：

$('.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个效果【源码下载】][Web _10]
 *  [精心挑选的优秀jQuery Ajax分页插件和教程][jQuery Ajax]
 *  [12个让人惊叹的的创意的 404 错误页面设计][12_ 404]
 *  [让网站动起来！12款优秀的 jQuery 动画插件][12_ jQuery]
 *  [十分惊艳的8个 HTML5 & JavaScript 特效][8_ HTML5 _ JavaScript]

本文链接：[Infinite Scroll - jQuery & WordPress 无限滚动][Infinite Scroll - jQuery _ WordPress][  
][Link 3]

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

更多专业前端知识，请上 **【猿2048】www.mk2048.com**

[jQuery]: http://www.cnblogs.com/lhb25/category/277997.html
[WordPress]: http://www.cnblogs.com/lhb25/category/254577.html
[images0-cnblogs-com_blog_36987_201409_071216097195756.jpg]: https://mk2048.oss-cn-beijing.aliyuncs.com/web_upload/blog_imgs/49/images0-cnblogs-com_blog_36987_201409_071216097195756.jpg
[images0-cnblogs-com_blog_36987_201409_071216097195756.jpg 1]: https://github.com/paulirish/infinite-scroll
[Link 1]: https://github.com/paulirish/infinite-scroll/archive/master.zip
[Link 2]: http://www.infinite-scroll.com/
[Web _10]: http://www.cnblogs.com/lhb25/p/10-useful-web-effect.html
[jQuery Ajax]: http://www.cnblogs.com/lhb25/archive/2012/08/08/ajax-jquery-pagination-plugin-tutorial.html
[12_ 404]: http://www.yyyweb.com/271.html
[12_ jQuery]: http://www.cnblogs.com/lhb25/p/12-jquery-animation-plugins.html
[8_ HTML5 _ JavaScript]: http://www.yyyweb.com/492.html
[Infinite Scroll - jQuery _ WordPress]: http://www.cnblogs.com/lhb25/p/infinite-scroll-jquery-wordpress-plugin.html
[Link 3]: http://www.cnblogs.com/lhb25/archive/2013/04/07/ivory-a-simple-and-flexible-framework.html
[_ _ _]: http://www.cnblogs.com/lhb25/