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>

<强> Working Demo

jquery微小的滚动条显示问题

1 个答案: