Smooth Div Scroll Jquery Plugin无限循环不起作用

Question

我试图复制这个例子：

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

来自插件。

但是，您会注意到，当滚动到达最后一个徽标“RADIO SHACK”时，它会停止。

我怎样才能使它成为一个真正的 ENDLESS 循环？

谢谢！

Answer 1

我在这里看到了您的帖子，并决定查看相关页面。滚动条在 Radio Shack 标志处停止的原因是可滚动区域没有包含足够的标志来“四处走动”。因此，当它到达 Radio Shack 徽标并尝试在永无止境的队列中换下一个徽标时，没有可以切换到的免费（不可见）徽标。

我通过在可滚动区域添加更多徽标来解决此问题。如果您现在尝试same demo page (Clickable logo parade)，它将正常工作。很抱歉演示有问题！

实现 Smooth Div Scroll 时的两个重要规则：

1. 可滚动区域内所有元素的组合宽度 需要大于滚动条的宽度。

2. 如果您使用自动滚动选项，除了规则 1，您 还需要确保有足够的元素 滚动条可以交换。

对于第 2 条规则，您可以想象一个人站在装满打印照片的传送带旁。每次照片最后从边缘掉下来，这个人就把它捡起来，跑到传送带的开头，把它放在那里。这在一个永无止境的循环中进行。