1

iScrollをカルーセルのように動作させる方法を知っている人はいますか? iScrollを「ul」内で自動的にループさせる方法はありますか?

iOSで使いたいので色々調べてみました..

どうぞよろしくお願いいたします。

4

2 に答える 2

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);
});

このページにたどり着いた人の助けになれば幸いです！

于 2012-09-07T14:26:58.660 に答える
1

私の知る限り、iScroll はそのような機能を提供していませんでした。Sencha Touch を試すことができます。さまざまな種類の UI コンポーネントが含まれています。これは、Sencha Touch 2.0 が提供する Carousel のドキュメントです Sencha Touch 2.0 Carousel

于 2012-02-14T07:20:32.660 に答える