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）并限制它的宽度才能使其正常工作。