jQueryスムーズスクロールajax断続的な問題

Question

smoothdivscrollプラグインで断続的な問題が発生しています。私はときどき私がページをロードするときに、最初のイメージだけが現れ、それはちょうど静止していることに気付いた。場合によっては（数回のリフレッシュ後に）すべての画像がロードされ、スクロールが開始されます。私はajaxContent.phpからの応答を検査し、フラグメント応答は正しいと思われます。

私は現在、次のコード例で使用しています

：ajaxContent.phpは、それが「置き換え内容のhttp://www.smoothdivscroll.com/lab.htmlの例と同様に、画像ソース、とのdivでページフラグメントを返すこと、それを何

$("#div").smoothDivScroll({ 
    autoScrollingMode: "always", 
    autoScrollingDirection: "endlessloopleft", 
    autoScrollingStep: 1, 
    autoScrollingInterval: 15, 
    ajaxContentURL: "ajaxContent.php" 
}); 

をデモhtmlコンテンツ "をオンにしました。画像srcが、外部のサイトで実際に返さフラグメントの

<img src="http://example.com/image.jpg">. 

例のようなものの画像へのフルパスです：

<div class="contentBox"> 
<img src="http://example.com/image.jpg"> 
</div> 
<div class="contentBox"> 
<img src="http://example2.com/image2.jpg"> 
</div> 

私はその後も動作するようですデモの例を試してみました非常によく、外部サイトからの画像の読み込みが遅くなり、プラグインが正しく動作しなくなる可能性があります。

Answer 1

はい、画像の読み込みが遅い、divのCSSに問題があり、「contentBox」というクラスが原因で発生する可能性があります。これは、プラグインがすべての要素の合計幅スクロール可能領域

Smooth Div Scrollが開始すると、ajaxContentURLが指定されているかどうかがチェックされます。その場合は、スクロール可能領域の幅を再計算した直後に、そのURLからHTMLコンテンツをロードします。スクロール可能な領域の幅を再計算すると、直接の子要素の幅を調べます。この場合、divのクラスは "contentBox"です。これらのdivの幅がCSS とで指定された固定幅でない場合、イメージの一部または全部が完全にロードされていません。Smooth Div Scrollはすべての要素の幅の合計を計算します。

すべての画像の幅が同じ場合は、「contentBox」-divsの固定幅を設定してみてください。あなたが試みることができるもう一つのことは、一時的にラッパーdivを取り除き、イメージタグでHTMLをロードすることです。