jquery tiny scrolbar顯示問題

我正在使用下面的小滾動條插件http://baijs.nl/tinyscrollbar/將滾動應用於我體內的div。以下是HTML內容：jquery tiny scrolbar顯示問題

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

麻煩的是我是沒有得到理想的效果。有人可以告訴我它有什麼問題嗎？

謝謝！

來源

2013-01-31 whatf

你可以把它放在小提琴上？ –

並添加您的css – Pete

完成請檢查 – whatf

您還沒有你的視口或概述的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

來源

2013-01-31 12:30:10 Pete

jquery tiny scrolbar顯示問題

回答

相關問題