1

次の小さなスクロールバー プラグイン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です

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

ありがとう！

4

1 に答える 1

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>

ワーキングデモ

于 2013-01-31T12:30:10.257 に答える