平滑股利滚动jQuery插件无限循环不工作

Question

我试着去复制这个例子。

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

我怎样才能让它成为一个真正的无限循环？

谢谢！

Answer 1

我在这里看到你的帖子，并决定看看有问题的页面。当Scrolller在Radio Shack标志中停下来时，滚动区域并没有包含足够的标志“走动”。因此，当它到达Radio Shack标志并尝试在永不结束的队列中交换下一个徽标时，没有免费（不可见）的徽标切换到。

我通过向可滚动区域添加更多徽标来解决此问题。如果您现在尝试same demo page (Clickable logo parade)，它会正常工作。对于错误的演示感到抱歉！当你实现了平滑滚动股利

两个重要的规则：

1. 滚动区域 需要里面的所有元件的组合宽度比滚动条的宽度更大。

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

对于规则2，你可以想象一个男人站在一个传送带上印满了照片。每次当照片从边缘掉下来时，这个人都会把它捡起来，跑到传送带的开始处并放在那里。这在一个永无止境的循环中继续。