Как зациклить карусель на основе iScroll 4?

Question

Я создал карусель на основе iScroll.

См. Скрипку здесь ... http://jsfiddle.net/manseuk/r9VL2/2/

В тот момент, когда вы переходите к четвертому элементу списка, он останавливается.Можно ли добавить код, чтобы он возвращался к первому элементу списка?

Заранее спасибо

Answer 1

Здесь краткий пример для кнопок Next / prev myScroll1. Замените их onclick этими функциями:

function next(){
    snapNum = document.querySelectorAll('#indicator1 > li').length;
    if(myScroll1.currPageX+1 == snapNum){
        myScroll1.scrollToPage(0, 0);
    }else{
        myScroll1.scrollToPage('next', 0);
    }
}

function prev(){
    snapNum = document.querySelectorAll('#indicator1 > li').length;
    if(myScroll1.currPageX+1 == 1){
        myScroll1.scrollToPage(snapNum, 0);
    }else{
    myScroll1.scrollToPage('prev', 0);
    }
}

Они получают длину li для привязки. Затем, если вы находитесь на последнем, возвращается к первому. Если вы находитесь на первом месте, переходите к последнему.

Конечно, это можно сделать более общим и менее сложным, но я оставлю вас.