How to make a link slider?

Question

css

There is a code:

<ul class="page-list">
<li><a href="#">&laquo;</a></li>
<li><a href="#">1 серия</a></li>
<li><a href="#">2 серия</a></li>
<li><a href="#">3 серия</a></li>
<li><a href="#">4 серия</a></li>
<li><a href="#">5 серия</a></li>
<li><a href="#">6 серия</a></li>
<li><a href="#">7 серия</a></li>
<li><a href="#">8 серия</a></li>
<li><a href="#">9 серия</a></li>
<li><a href="#">10 серия</a></li>
<li><a href="#">11 серия</a></li>
<li><a href="#">12 серия</a></li>
<li><a href="#">&raquo;</a></li>
</ul>

In work it looks like this:

How to implement such an action:

Answer 1

On the knee something like this jsfiddle.net/e28H9 Finished a
little, there was a jamb in the scroll. jsfiddle.net/e28H9/1