javascript - jqueryラップ循環スクロール

Question

スクローラーを使用してラップするカルーセル以外に何かありますか? 現在、サイトを詰まらせているように見えるため、カルーセルは使用していません。以下で使用する JS は、div が許可する範囲でしか実行できません。私が望むのは、最後に到達してユーザーが最初に戻りたいときに、ユーザーが左端までクリックする必要がないことです。右矢印をクリックすると、最初の div から再開されます。wrap = circular を見たことがありますが、ここでは適用できないようです。

JS

$(function () {

    var animating = false,
        outerwrap = $(".outerwrapper");

    $("#right, #left").click(function () {
        if (animating) {
            return;
        }
        var dir = (this.id === "right") ? '+=' : '-=';
        animating = true;
        outerwrap.animate({
            scrollLeft: dir + '251'
        }, 1000, function () {
            animating = false;
        });
    });

});

HTML

<div class="outerwrapper">
   <div class="innerwrapper">
       <div class="prod">
       <div class="prod">
       <div class="prod">
       <div class="prod">
   </div>
</div>

<div>
    <div class="left" id="left"></div>
    <div class="right" id="right"></div>
</div>