javascript - iScroll 4 ベースのカルーセルをループするには?

Question

iScroll ベースのカルーセルを作成しました。

ここでフィドルを参照してください... http://jsfiddle.net/manseuk/r9VL2/2/

4 番目のリスト要素に到達した時点で停止します。最初のリスト要素にループバックするようにコードを追加することは可能ですか?

前もって感謝します

Answer 1

の次へ/前へのボタンの簡単なサンプルを次に示します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);
    }
}

彼らはスナップする長さを取得します。その後、最後にいる場合は、最初に戻ります。あなたが最初にいる場合は、最後に行きます。

もちろん、これはより一般的でより少ないものにすることができますが、私はあなたに任せます。