javascript - 包装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。