2012-02-14 27 views

回答

1

afaik,iScroll沒有提供這樣的功能。 你可以嘗試煎茶觸摸,它有各種UI組件, 的,這是煎茶觸摸2.0 Sencha Touch 2.0 Carousel

+2

我提高了這個。這不是iScroll應該如何使用的目的。在jQuery Mobile和其他框架中還有其他幾個Carousel插件。 – zvona 2012-02-14 08:10:07

4

下應努力提供旋轉木馬的文檔。

setInterval(function() { 
    myScroll.scrollToPage('next', 0, 400); 
}, 2000); 

當然,當你到達傳送帶末端(curPageX)時,你當然必須檢查。

======

更新:隨着iScroll 5,代碼已經略有改變,你會想要做這樣的事情,開始自動循環;同時可以選擇在用戶交互(觸摸/滑動)之後停止自動滾動。

/* start auto-scrolling */ 
myInterval = setInterval(autoScroll, 5000); 

/* function handles the looping of the carousel */ 
function autoScroll() { 
    var currPage = myScroll.currentPage.pageX + 1; 
    if(currPage == myScroll.pages.length) { 
    myScroll.goToPage(0, 0, 250); 
    } else { 
    myScroll.goToPage(currPage, 0, 250); 
    } 
} 

/* stops auto-scrolling on swipe (using jQuery .on() method) */ 
myScroll.on('beforeScrollStart', function() { 
    clearInterval(myInterval); 
}); 

希望可以幫助任何人無意中發現這個網頁!

+1

不錯的諾亞! – 2013-02-06 06:06:14