JQuery:无休止滚动的div内容？

Question

我有一个简单的JQuery函数，可以让DIV的内容无休止地横向滚动。它工作得很好，但当它到达内容的末尾时，它会继续滚动，但不会显示任何内容，这是预期的，因为内容已经完成。我想让它重复，这样它就永远不会停止滚动，当内容完成时，它会重复自己。

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

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

我认为这是可行的，但一定有更好的方法。

Answer 1

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

​

​