Infinite Scroll - jQuery & WP 無限滾動外掛程式

標籤：des   style   blog   http   os   io   java   ar   strong   

　　無限滾動（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 無限滾動外掛程式