Css过渡缩略图滚动

Question

我正在尝试使用css过渡进行缩略图滚动。我的目标是在内容结束时将内容包装起来。

<div class="wrapper">
  <div class="inner">
    <div class="box">0</div>
    <div class="box">1</div>
    <div class="box">2</div>
    <div class="box">3</div>
    <div class="box">4</div>
    <div class="box">5</div>
  </div>
</div>

我在jsfiddle做了一个模型。它可以在前3次点击中运行良好，但随后它会停止动画（当条件将第一个框移动到最后时它会进入）。

https://jsfiddle.net/aqwaypoh/

为什么之后它会松动动画以及如何修复它？

谢谢！