iScroll для цикла автоматически? - PullRequest
1 голос
/ 14 февраля 2012

Кто-нибудь знает, как заставить iScroll вести себя как карусель, есть ли способ заставить iScroll автоматически зацикливаться внутри 'ul'?

Поскольку я хотел бы использовать его на iOS, я пытался это выяснить ..

Большое спасибо за ваше время.

Ответы [ 2 ]

4 голосов
/ 07 сентября 2012

Должно работать следующее.

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 голос
/ 14 февраля 2012

afaik, iScroll не предоставил такой функции.вы можете попробовать Sencha Touch, он имеет различные виды пользовательского интерфейса, и это документ Карусели, предоставленный Sencha Touch 2.0 Sencha Touch 2.0 Карусель

...