Question

有谁知道如何让iScroll像旋转木马一样，有没有办法让iScroll在'ul'中自动循环？

因为我想在iOS上使用它，所以我一直想弄清楚..

非常感谢你的时间。

Answer 1

以下情况应该有效。

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

希望能帮助任何偶然发现此页面的人！

Answer 2

afaik，iScroll没有提供这样的功能。你可以试试Sencha Touch，它有各种各样的UI组件，这是Sencha Touch 2.0提供的Carousel的文档 Sencha Touch 2.0 Carousel

iScroll自动循环？

2 个答案: