Javascript 显示问题的jquery微型scrolbar

我正在使用下面的小scrollbar插件将scroll应用到我体内的一个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>

小提琴是

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

---

谢谢

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

4小时前的评级
2小时前的评级
5小时前的评级
44小时前
4665小时前
124小时前
124小时前

---

你能把它放在小提琴上吗？

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