javascript - 如何循环基于 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);
    }
}

他们得到了 li 的长度。然后，如果您在最后一个，请返回第一个。如果你是第一个，最后一个。

当然，这可以变得更笼统，更少的东西，但我会留给你。