jquery - JQuery：一个无限滚动的div内容？

Question

我有一个简单的 JQuery 函数，可以让 DIV 的内容无休止地横向滚动。它工作正常，但是当它到达内容的末尾时，它会继续滚动但没有显示任何内容，这是由于内容完成后的预期。我想让它重复，所以它永远不会停止滚动，当内容完成时，它会重复自己。

到目前为止，我认为这样做的唯一方法是多次复制 div 内容，即：

var element = $("#divContent")
for(var x=0; x<=50; x++)
    element.html( element.html + element.html );

我认为这会起作用，但必须有更好的方法来做到这一点。

Answer 1

如果您最初创建了 2 个版本的内容 - 当第一个项目完全看不见时，您可以使用 css 将其移动为最后一个项目（您可以只使用相对或绝对定位）。我制作了一个动画来说明它是如何工作的。您必须overflow:hidden在父容器上设置（示例中为#wrapper）并限制它的宽度才能使其正常工作。