停止以设定宽度滚动动画

Question

我已经为我正在创建的电视指南添加了按钮以显示下一个/上一个小时的列表，但是当我点击下一个时它会继续永久滚动。有没有办法在约1500px后限制停止？

以下是我用于下一个/上一个按钮的代码：

$(document).ready(function() {

    var $item = $('.timeCell, .cellProgram'), //Cache your DOM selector
        visible = 2, //Set the number of items that will be visible
        index = 0, //Starting index
        endIndex = ( $item.length / visible ) - 1; //End index

    $('#arrowR').click(function(){
        if(index < endIndex ){
          index++;
          $item.animate({'left':'-=100px'});
        }
    });

    $('#arrowL').click(function(){
        if(index > 0){
          index--;            
          $item.animate({'left':'+=100px'});
        }
    });

});