Javascript 带循环滚动的DIV

我正在尝试创建一个带有循环滚动的DIV。和我想达到的目标相似。在我的例子中，DIV包含一系列图像

我的目标是让DIV执行以下操作：

• 如果滚动到DIV的底部，滚动将在开始时重新开始，给人一种循环滚动的印象
• 如果滚动到顶部，则情况也会相反

我不认为仅仅从顶端跳到底端就可以实现。由于内容不同（与中不同），用户会看到DIV正在跳转。我对依赖于一次跳过一个图像的carousel插件也不感兴趣。我的目标是，DIV的行为类似于标准DIV，溢出设置为滚动，只有滚动是循环的

---

有没有已经存在的插件可以实现这一点？

该插件可以很好地满足您的需求。它甚至还有一个“轴”，只允许它从上到下滚动，而不是像第一个示例链接那样滚动。该插件非常适合您的需要。它甚至有一个“轴”，只允许它从上到下滚动，而不是像第一个示例链接那样滚动。我不知道是什么让你认为滚动与正常有什么不同。看起来你看到的是一个由对角线产生的“糖果棒效应”。你有没有注意到这个页面有几英里长？从中心开始？当它到达底部时，它会跳回到顶部（反之亦然）？就这么简单，为什么这么复杂？@GoldenNewby如果你用鼠标滚轮滚动页面，页面最终会从上到下移动（反之亦然），你可以无限滚动。看起来页面的顶部/底部使用的是完全相同的照片，因此当你点击其中一张或另一张时，页面会跳到顶部/底部，这样你就不会真正注意到它，感觉就像是一个持续的滚动。如果拖动滚动条，由于拖动限制，它不会产生相同的效果。问题。在触摸屏上有一个很好的效果，它更复杂，因为我给出的示例中的内容是平铺的。我的内容不是。@colindunn倾斜是背景和内容的错觉。试着偶尔看看源代码，看看有很多部分，绝对定位，定位得像倾斜的一样，与倾斜的背景图像一致。我不确定是什么让你认为滚动与正常有什么不同。看起来你看到的是一个由对角线产生的“糖果棒效应”。你有没有注意到这个页面有几英里长？从中心开始？当它到达底部时，它会跳回到顶部（反之亦然）？就这么简单，为什么这么复杂？@GoldenNewby如果你用鼠标滚轮滚动页面，页面最终会从上到下移动（反之亦然），你可以无限滚动。看起来页面的顶部/底部使用的是完全相同的照片，因此当你点击其中一张或另一张时，页面会跳到顶部/底部，这样你就不会真正注意到它，感觉就像是一个持续的滚动。如果拖动滚动条，由于拖动限制，它不会产生相同的效果。问题。在触摸屏上有一个很好的效果，它更复杂，因为我给出的示例中的内容是平铺的。我的内容不是。@colindunn倾斜是背景和内容的错觉。试着偶尔看看源代码，看看有很多部分，绝对定位，定位得像倾斜的一样，与倾斜的背景图像一致。这看起来很有希望！一旦我有机会玩它，我会回来看看。谢谢。嗯，仔细看，这似乎不是我想要的。无论如何，谢谢。你能进一步解释一下为什么无限阻力不能满足你的需要吗？这看起来很有希望！一旦我有机会玩它，我会回来看看。谢谢。嗯，仔细看，这似乎不是我想要的。无论如何，谢谢。你能进一步解释一下为什么无限阻力不能满足你的需要吗？