循环Divs（jQuery转盘）

我已经建立了一个单页应用程序，除了一个部分外，其他一切都正常工作。这是：

我已经多次尝试让样例部分像旋转木马一样循环，这样用户可以无限期地单击任一箭头，样例将继续朝同一方向滚动

我尝试过任何东西滑块，杂项脚本，我自己的JS和CSS3，但没有得到这个。非常感谢您的建议！谢谢

你几乎成功了

当第二个场景加载时，它看起来像是为

#样例内容的左边缘设置动画。删除此选项，或者改为设置左<代码>动画。看起来你的数学被搞砸了

那么你所需要做的就是修复你的终端号码。它看起来像你走了一个街区的宽度太远的权利之前，它摆动回来，所以减少这一点，你应该是好的

这里我用jQuery删除了左边的空白。现在，使用箭头似乎可以按预期工作（在到达终点之前，必须将重置位置更新为0px）：

您没有共享代码，因此我将共享我的代码。

你有一个很好的无限滑块

HTML:

你能帮我发一些密码吗？关于SO的问题应该对将来的其他访问者也有帮助。我似乎无法发布我的代码。来自JS fiddle的链接不起作用。我做错了什么？谢谢！我不能让它工作可能是因为我没有完全理解它。
<div id="page">
    <div id="swatches">
        <div>1</div>
        <div>2</div>
        <div>3</div>
        <div>4</div>
        <div>5</div>
    </div>
    <button id="prev">&#9664;</button>
    <button id="next">&#9654;</button>
</div>

var $s = $("#swatches"),
    $b = $('#prev, #next'),
    $d = function(fl){return $('>div',$s)[fl]();},
    px = 260; // Animation px

$s.prepend( $d('last') ).scrollLeft( px ); // Prepend last + reset pos to '1'.

$b.click(function() {
  if( !$s.is(':animated')){
    if(this.id=="next") $s.animate({scrollLeft:px*2}, 400, function() {
        $s.scrollLeft(px).append($d('first'));
    });
    else $s.prepend($d('last')).scrollLeft(px*2).animate({scrollLeft:px}, 400);
  }
});