jQuery 控制 li 滚动，滚动到顶部或者底部的时候不能循环。

<ul class="nav-list">
<li class="nav-item">
<a class="pure-button" href="">2014年12月</a>
</li>
<li class="nav-item">
<a class="pure-button" href="">2014年11月</a>
</li>
<li class="nav-item">
<a class="pure-button" href="">2014年10月</a>
</li>
<li class="nav-item">
<a class="pure-button" href="">2014年09月</a>
</li>
<li class="nav-item">
<a class="pure-button" href="">2014年08月</a>
</li>
<li class="nav-item">
<a class="pure-button" href="">2014年07月</a>
</li>
<li class="nav-item">
<a class="pure-button" href="">2014年06月</a>
</li>
<li class="nav-item">
<a class="pure-button" href="">2014年05月</a>
</li>
<li class="nav-item">
<a class="pure-button" href="">2014年04月</a>
</li>
<li class="nav-item">
<a class="pure-button" href="">2014年03月</a>
</li>
</ul>

这段列表，垂直排列，默认只显示5个li，上面和下面各有一个button，点击后可以滚动，但是滚动到最上面一个或者最下面一个的时候，就只能按相反的button，而不是循环，怎么实现？谢谢。

这个不需要js控制，只是样式。。
你外面一层div包起来，控制高度，自动滚动即可。。
关键是li的样式，这个你自己做吧。。