jquery - Smooth DivScrollJqueryプラグインのエンドレスループが機能しない

Question

この例をコピーしようとしています：

http://www.smoothdivscroll.com/clickableLogoParade.html

プラグインから。

ただし、スクロールが最後のロゴ「RADIO SHACK」に達すると、停止することがわかります。

どうすればそれを本当のENDLESS循環ループにすることができますか？

ありがとう！

Answer 1

ここであなたの投稿を見て、問題のページを見てみることにしました。Radio Shack のロゴに関してスクローラーが停止した理由は、スクロール可能な領域に「一周する」のに十分な数のロゴが含まれていなかったためです。そのため、Radio Shack のロゴに到達し、終わりのないキューで次のロゴに切り替えようとしたときに、切り替え先の無料の (目に見えない) ロゴがありませんでした。

スクロール可能な領域にさらにいくつかのロゴを追加することで、これを修正しました。同じデモ ページ (クリッカブル ロゴ パレード)を試すと、問題なく動作します。間違ったデモでごめんなさい！

Smooth Div Scroll を実装する際の 2 つの重要なルール:

1. スクロール可能な領域内のすべての要素を合わせた幅は、スクローラーの幅よりも大きくする必要があります。

2. 自動スクロール オプションを使用している場合は、ルール 1 とは別に、スクローラーがスワップできるように十分な要素があることも確認する必要があります。

ルール 2 については、印刷された写真でいっぱいのベルトコンベアのそばに立っている男性を想像できます。写真が最後に端から落ちるたびに、この男はそれを拾い上げ、ベルトコンベアの最初まで走ってそこに置きます。そして、これは終わりのないループで続きます。