如何循环基于iScroll 4的轮播？

Question

我创建了一个基于iScroll的轮播。

请点击此处... http://jsfiddle.net/manseuk/r9VL2/2/

当你到达第四个列表元素时，它会停止。是否可以添加一些代码，以便循环回第一个列表元素？

提前致谢

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

他们得到了李的长度。然后，如果你在最后，回到第一。如果你是第一个，那就去吧。

当然，这可以更普遍，更少的东西，但我会留给你。