jQuery Smoothdivscroll阿賈克斯間歇性問題

Question

我遇到了smoothdivscroll插件的間歇性問題。我注意到，偶爾當我加載頁面時，只有第一個圖像會顯示出來，而且只會靜止。有時（刷新幾次後）所有圖像都會加載並開始滾動。我檢查了來自ajaxContent.php的響應，並且片段響應似乎是正確的。

我目前使用下面的示例代碼

：

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

什麼ajaxContent.php做它，它返回頁面片段與圖像源，類似的例子在http://www.smoothdivscroll.com/lab.html用「替換內容的DIV與演示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

是的，它可能是由緩慢加載圖像和/或與類「contentBox」的div的CSS的問題，使插件很難計算所有元素的總寬度可滾動區域。

當Smooth Div Scroll啓動時，它檢查是否存在指定的ajaxContentURL。如果是這樣，它會從該URL加載HTML內容，並在重新計算可滾動區域的寬度後立即加載該HTML內容。當它重新計算可滾動區域的寬度時，它會查看直接子元素的寬度，在您的案例中，div的類爲「contentBox」。如果這些div沒有在CSS 和中指定的固定寬度，則某些/所有圖像尚未完全加載Smooth Div Scroll會計算所有元素的總寬度錯誤。

如果所有圖像的寬度相同，您可以嘗試爲「contentBox」-divs設置固定寬度。你可以嘗試的另一件事是暫時剝離包裝div，並只加載帶有圖像標籤的HTML。