jqueryの小さなスクロールバーの問題を表示 - javascript、jquery、jquery-ui、scrollbar

次の小さなスクロールバープラグインを使用しています http://baijs.nl/tinyscrollbar/ 体の内側のdivにスクロールを適用します。以下はhtmlコンテンツです：

以下は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>

次に、JavaScriptは次のようになります。

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

フィドルは http://jsfiddle.net/sk9SE/2

問題は、希望する効果が得られないことです。 誰かがそれの何が悪いのか教えてもらえますか？

ありがとう！

回答：

ビューポートまたは概要のdivが含まれていません-スクロールに必要です

ここに修正バージョンがあります：

<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>

作業デモ