本文實例講述了jQuery滾動插件scrollable.js用法。分享給大家供大家參考，具體如下：
Scrollable是一個靈活、輕量級用于創建滾動內容的jQuery插件。任何內容（HTML、視頻、文件、圖片等...）都可以作為一個滾動項。支持水平與垂直兩種滾動方向。
用途：滾動效果，可制作分步驗證頁面
以下scrollable.js方法說明描述：
| 方法名稱 | 返回值 | 說明 |
| getConf() | Object | 返回scrollable的配置對象，并且可通過設置該對象的相關屬性值來修改該配置對象的屬性。 |
| getIndex() | number | 獲取當前滾動項的索引號，0代表第一個元素，1代表第二個元素，以此類推。此外，需注意的是，如果獲取到多個滾動項，那么將會只返回第一個滾動項的索引號。 |
| getItems() | jQuery | 返回所有的滾動項，結果以jquery對象的方式返回。 |
| getItemWrap() | jQuery | 獲取滾動項的父節點，結果以jquery對象的方式返回。 |
| getPageAmount() | number | 獲取當前滾動欄的分頁數。 |
| getPageIndex() | number | 返回當前分頁索引號。比如說，如果分頁設置為5個滾動項/頁，并且當前滾動項位置為7的話，那么將會返回1（第二頁） |
| getRoot() | jQuery | 獲取滾動項的上一級節點。 |
| getSize() | number | 返回滾動項的數量。該方法等同于getConf().size |
| getVisibleItems() | jQuery | 獲取一個由當前可見滾動項組成列表，該列表為一個jquery對象，可見滾動項的數量由配置對象的size屬性定義。 |
| reload() | API | scrollable支持動態添加和刪除滾動項的功能。在動態添加或刪除滾動項以后，調用此方法來自動更新分頁導航以及滾動項移動的相關信息。 |
| prev() | API | 跳轉到該滾動項的前一項（如果該滾動項不是第一個滾動項） |
| next() | API | 跳轉到該滾動項的下一項（如果該滾動項不是最后一個滾動項） |
| seekTo(index) | API | 跳轉到指定索引處的滾動項。 |
| move(offset) | API | 將處于當前狀態（激活）的滾動項位置由當前滾動項向前/后移動offset。Offset為正，則滾動項向右/下移動，否則，向左/上移動。比如:move(2),則處于當前狀態的滾動項的索引由i滾動項轉移至i+2滾動項。 |
| prevPage() | API | 跳轉到前一頁（如果該頁不是第一頁）。 |
| nextPage() | API | 跳轉到后一頁（如果該頁不是最后一頁）。 |
| setPage(index) | API | 跳轉到第index頁。比如，index=2,那么會從當前頁跳轉到第3頁。 |
| movePage(offset) | API | 用于將顯示頁的位置由當前頁切換到該頁/后offset頁，該方法其他解釋類似于(offset)。 |
| begin() | API | 跳轉到第一個滾動項，相當于seekTo(0)。 |
| end() | API | 跳轉到最后一個滾動項。 |
| click(index) | API | 使第index個滾動項處于選中（激活）狀態。 |
| onBeforeSeek(fn) | API | 參見配置對象的onBeforeSeek相關說明 |
| onSeek(fn) | API | 參見配置對象的onSeek相關說明 |
新聞熱點
疑難解答
圖片精選
