小さなスクロールバーがビューポートの高さを設定するときには、私は、スクロールバーが表示されません以上700pxに.viewport設定

Question

CSS

/* Tiny Scrollbar */ 
#scrollbar1 { width: 559px; margin: 20px 0 10px; clear: both;} 
#scrollbar1 .viewport { width: 500px; height: 1050px; overflow: hidden; position: relative; } 
#scrollbar1 .overview { list-style: none; position: absolute; left: 0; top: 0; padding: 0; margin: 0; } 
#scrollbar1 .scrollbar{ background: transparent url(images/bg-scrollbar-track-y.png) no-repeat 0 0; position: relative; background-position: 0 0; float: right; width: 11px; } 
#scrollbar1 .track { background: transparent url(images/bg-scrollbar-trackend-y.png) no-repeat 0 100%; height: 100%; width:9px; position: relative; padding: 0 1px; } 
#scrollbar1 .thumb { background: transparent url(images/bg-scrollbar-thumb-y.png) no-repeat 50% 100%; height: 20px; width: 20px; cursor: pointer; overflow: hidden; position: absolute; top: 0; left: -5px; } 
#scrollbar1 .thumb .end { background: transparent url(images/bg-scrollbar-thumb-y.png) no-repeat 50% 0; overflow: hidden; height: 5px; width: 20px; } 
#scrollbar1 .disable { display: none; } 

消えます。理解できません。

PS。私が使用していますので、デモからまっすぐであるように私は、コードを投稿しませんでしたが、念のために：私はちょうど別のスクロールJScrollPaneのと同じことが起こるしようとした

$(document).ready(function(){ 
     $('#scrollbar1').tinyscrollbar({ size: 360 });; 
    }); 

[OK]をクリックします。ここにはsiteがありますので、私は何をしようとしているのか見ることができます。今のところ、残りのコンテンツは表示されません.1050pxに変更するとスクロールが消えてしまいます。

私はここに何をするべきかわからないことを私に教えてもらえるコードがあればバインドしています。

Answer 1

画像を使用して、画像の高さと幅を設定します。スクロールバーは、初期化されたイメージがまだ読み込まれているので、ビューポートのメトリックを正しく計算できません。