如何循环基于 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 的长度。然后，如果您位于最后，则返回到第一个。如果您在第一个，则转到最后一个。

当然，这可以变得更通用、更少，但我会留给你。