javascript - jquery小滚动条显示问题

Question

我正在使用以下微型滚动条插件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

问题是我没有得到想要的效果。有人可以告诉我它有什么问题吗？

谢谢！

Answer 1

您还没有包含您的视口或概览 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>

工作演示