0

私のウェブサイト: www.industria.be/verkiezingen/infinity/www/

画面の中央にコンテンツ ペインを作成しました。意図したオーバーフローを処理するために jScrollPane を呼び出しています。これは、ホーム/チームおよびカレンダー ページではスムーズに機能しますが、スポンサー ページにはバグがあります。このスポンサー ページには同じコンテナが含まれていますが、ここでは画像が塗りつぶされています。jScrollPane 関数呼び出しは同じですが、ここでは正しく機能しません。スクロールバーが表示されないか、コンテナーの一番下までスクロールできない場合があります。

私が使用したjQueryコード：

$(document).ready(function(){
 $('#content').jScrollPane({
    scrollbarWidth: 10,
    scrollbarMargin: 10,
    dragMinHeight: 50,
    dragMaxHeight: 100,
    showArrows: false   
});});

html:

<div id="content">
    <h1>Our sponsors:</h1>
    <a href="http://www.mydigipass.com/"
       target="_blank"><img src="img/myDIGIPASS-logo.png"
           alt="" width="650" height="152" class="sponsorbalk"/></a></br>
    <a href="http://www.dvs-entertainment.be"
       target="_blank"><img src="img/DVS-entertainment.png"
           alt="" width="250" height="125" class="sponsor"></a>
    <a href="http://winter.skikot.be/"
       target="_blank"><img src="img/skikot.png"
           alt="" width="284" height="140" class="sponsor"></a>
    <a href="http://www.imec.be/"
       target="_blank"><img src="img/imec.png"
           alt="" width="250" height="172" class="sponsor"></a>
    <a href="http://www.poweruser.be/"
       target="_blank"><img src="img/poweruser_black.jpg"
           alt="" width="400" height="217" class="sponsor"></a>
    <a href="http://www.delibere.be/new_design/index.php"
       target="_blank"><img src="img/de.png" alt=""
          width="225" height="50" class="right sponsor"></a>
    <a href="http://www.groept.be/www/"
       target="_blank"><img src="img/GroepT.png"
           alt="" width="180" height="180" class="left sponsor"></a>
    <a href="http://guldendraak.be/"
       target="_blank"><img src="img/gulden-draak.png"
           alt="" width="106" height="106" class="sponsor"></a> 
    <div id="sponsors">
      <p>We would like to thank all of the above sponsors for their co-operation and support to our team.</p>                   
    </div>
</div>

これが正しく機能しない理由を誰かが説明してくれることを願っています。前もって感謝します。

4

1 に答える 1

0

あなたの説明から、$(document).ready() ではなく $(window).load() を使用して画像がロードされた後にスクロール ペインを初期化することをお勧めします。

少し前に、この問題のバリエーションに遭遇しました。

于 2012-05-20T20:02:12.580 に答える