Problemas con la barra de desplazamiento pequeña de jquery: javascript, jquery, jquery-ui, scrollbar

Estoy usando el siguiente pequeño plugin de barra de desplazamiento http://baijs.nl/tinyscrollbar/ aplicar desplazamiento a un div dentro de mi cuerpo. El siguiente es el contenido html:

La siguiente es la estructura html:

 <div id="scrollbar1">
<div class="scrollbar"><div class="track"><div class="thumb"><div class="end"></div></div></div></div>
<ul>

<li>
Rated
4 hours ago
</li>

<li>
Rated
6 hours ago
</li>

<li>
upvoted
6 hours ago
</li>

</ul>
</div>

entonces el javascript se ve así:

$(funciton(){
$("#scrollbar1").tinyscrollbar();
});

El violín es http://jsfiddle.net/sk9SE/2

El problema es que no estoy obteniendo el efecto deseado. ¿Alguien puede decirme qué tiene de malo?

¡Gracias!

Respuestas

no ha incluido sus divisores de vista o vista general, son necesarios para el desplazamiento

Aquí hay una versión fija:

<div id="scrollbar1">
<div class="scrollbar"><div class="track"><div class="thumb"><div class="end"></div></div></div></div>
<div class="viewport">
<div class="overview">
<ul>
<li> Rated 4 hours ago </li>
<li> Rated 2 hours ago </li>
<li> Rated 5 hours ago </li>
<li> Rated 44 hours ago </li>
<li> Rated 4665 hours ago </li>
<li> Rated 124 hours ago </li>
<li> Rated 124 hours ago </li>
</ul>
</div>
</div>

Demo de trabajo