包装onclick的jquery滚动条

Question

我在其他网站上看过旋转木马和小型旋转木马，但是当我使用它们时，它似乎堵塞了网站。我有一个滚动条，我已经使用了滚动箭头。我只需要在它到达结束时进行换行，并且因为我看到的大多数滚动器都隐藏了jquery中的换行，所以我不确定如何做到这一点。这就是我到目前为止所做的：

HTML

<div id="this">
  <div class="outerwrapper">
    <div class="thisisit"></div>
    <div class="thisisit"></div>
    <div class="thisisit"></div>
    <div class="thisisit"></div>
  </div>
  <div class="arrows">
    <div class="left" id="left"></div>
    <div class="right" id="right"></div>
  </div>
</div>

JS

$(function () {  

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

});

滚动条可以很好地左右移动，但我希望它最后能够被包裹起来。我使用jquery 1.7.1 min.js。