如何在jQuery中使用scrollable.js滾動插件

今天就跟大家聊聊有關如何在jQuery中使用scrollable.js滾動插件，可能很多人都不太了解，為了讓大家更加了解，小編給大家總結了以下內容，希望大家根據這篇文章可以有所收獲。

以下scrollable.js方法說明描述：

注意：上面方法表中prev()方法以下的方法除了表中攜帶的參數外，還包含兩個隱含參數：speed和callback。其中speed參數是用于控制滾動項的動畫效果持續時間的，而callback為其回調方法。具體實現可參見scrollable的prev()方法使用示例。

具體使用方法：

var scrollable=$("div.scrollable").scrollable();
//alert(scrollable.getConf().prev);//獲取配置對象中的prev屬性
scrollable.getConf().speed=200;//設置配置對象的speed屬性
//alert(scrollable.getIndex());//獲取當前滾動項的索引
//alert(scrollable.getItems().length);//獲取當前滾動項的數量
//alert(scrollable.getItemWrap().html());//獲取包含滾動項的節點(class=scrollable)，并將所有滾動項顯示出來
//alert(scrollable.getPageAmount());//獲取當前滾動欄分頁數
//alert(scrollable.getPageIndex());//獲取當前所在分頁
//alert(scrollable.getRoot().html());//獲取滾動項的上一級節點（id=thumbs）
//alert(scrollable.getSize());
//alert(scrollable.getVisibleItems().length);//獲取當前可見滾動項數量
scrollable.next();//如果有下一個滾動項，則跳轉到下一個滾動項
scrollable.prev(3000,function(){return true});//跳轉到前一滾動項
//var seekTo= scrollable.click(0).seekTo(2,1000,function(){
    //alert(this.getIndex());
//});
//scrollable.move(2);
//scrollable.prevPage();//跳轉到前一頁
//scrollable.nextPage();//跳轉到下一頁
//scrollable.setPage(1);//跳轉到下一頁
//scrollable.begin();//跳轉到第一個滾動項
//scrollable.end();//跳轉到最后一個滾動項
scrollable.click(3);//使第四個滾動項處于選中狀態
scrollable.onBeforeSeek(function(){
    alert("you click the "+this.getIndex()+"st scrollable item!");
});
$("#remove").click(function(){
    scrollable.getItems().filter(":last").remove();//刪除最后一個滾動項
    scrollable.reload().prev();//自動更新相關配置信息，并跳轉到被刪除滾動項的前一項
});

另外，如果你的表單頁面要自適應屏幕并且resize的話能讓表單頁面不至于偏離，可以使用 scrollable.seekTo(index)來解決。

看完上述內容，你們對如何在jQuery中使用scrollable.js滾動插件有進一步的了解嗎？如果還想了解更多知識或者相關內容，請關注億速云行業資訊頻道，感謝大家的支持。