Smooth Div Scroll Jquery插件无限循环无法正常工作

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，你可以想象一个人站在一个装满印刷照片的传送带上。每当照片从最后的边缘掉落时，这个男人就把它拿起来，跑到传送带的起始处然后把它放在那里。这在一个永无止境的循环中继续。