botões de scroll

Olá, estou precisando fazer uma espécie de scroll vertical, porém so com os dois botoes, o que sobe e o que desce.

Vou ter uma lista com alguns itens dentro de uma div, e gostaria de que quando ultrapasse 5 itens criasse essa funcionalidade dos botoes pra cima e pra baixo.

meu html é assim:

<div>
<ul>
<li><a href="#"> teste 1</a> </li>
<li><a href="#"> teste 2</a> </li>
<li><a href="#"> teste 3</a> </li>
<li><a href="#"> teste 4</a> </li>
<li><a href="#"> teste 5</a> </li>
<li><a href="#"> teste 6</a> </li>
<li><a href="#"> teste 7</a> </li>
<li><a href="#"> teste 8</a> </li>
<li><a href="#"> teste 9</a> </li>
<li><a href="#"> teste 10</a> </li>
</ul>
</div>

Agora precisava da ajuda de vcs pra criar isso no javascript/jquery e no css...podem me ajudar? algo bem simples, se possivel com alguma motion, mas se nao der, tudo bem.

Desde ja agradeço.

Até mais.