平滑股利滾動jQuery插件無限循環不工作

Question

我試着去複製這個例子。

但是，您可以注意到當滾動到達最後一個標誌「RADIO SHACK」時，它停止。

我怎樣才能讓它成爲一個真正的無限循環？

謝謝！

Answer 1

我在這裏看到你的帖子，並決定看看有問題的頁面。當Scrolller在Radio Shack標誌中停下來時，滾動區域並沒有包含足夠的標誌「走動」。因此，當它到達Radio Shack標誌並嘗試在永不結束的隊列中交換下一個徽標時，沒有免費（不可見）的徽標切換到。

我通過向可滾動區域添加更多徽標來解決此問題。如果您現在嘗試same demo page (Clickable logo parade)，它會正常工作。對於錯誤的演示感到抱歉！當你實現了平滑滾動股利

兩個重要的規則：

1. 滾動區域 需要裏面的所有元件的組合寬度比滾動條的寬度更大。

2. 如果您使用的是自動滾動選項，除了規則1之外，您還需要確保有足夠的元素，以便 滾動條可以交換。

對於規則2，你可以想象一個男人站在一個傳送帶上印滿了照片。每次當照片從邊緣掉下來時，這個人都會把它撿起來，跑到傳送帶的開始處並放在那裏。這在一個永無止境的循環中繼續。