带循环滚动的DIV [英] DIV with Circular Scrolling

问题描述

我正在尝试通过循环滚动创建DIV. 这是一个示例，类似于我要实现的目标.就我而言，DIV包含一系列图像. 这里是一个演示，没有Java脚本.

I am trying to create a DIV with circular scrolling. Here is an example of something similar to what I am trying to achieve. In my case, the DIV contains a series of images. Here is a demo, sans Javascript.

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

My goal is for the DIV to do the following:

• 如果滚动到DIV的底部，滚动会从头开始重新开始，给人以圆形滚动的感觉
• 如果您滚动到顶部，则反之亦然

我认为仅仅从顶部跳到底部就无法实现.由于内容不同(与我在上面给出的示例不同)，用户会看到DIV正在跳跃.我对轮播插件也不感兴趣，该插件依赖于一次跳过一个图像.我的目标是使DIV像标准DIV一样工作，并且将溢出设置为可滚动，但只有滚动是圆形的.

I don't think it can be achieved my simply jumping from the top to the bottom. Since the content is different (unlike in the example I gave above) the user would see that the DIV was jumping. I am also not interested in carousel plugins that rely on skipping ahead one image at a time. My goal is that the DIV would behave like a standard DIV with overflow set to scroll, only the scrolling would be circular.

是否已经存在可以实现此目的的插件?

Is there any plugin that exists already that accomplishes this?

推荐答案

插件 http://ianli.com/infinitedrag/确实可以满足您的需求.它甚至具有一个轴"，仅允许它上下滚动，而不像您的第一个示例链接一样滚动.

The plugin http://ianli.com/infinitedrag/ does pretty much exaclty what you are looking for. It even has an "axis" for only allowing it to scroll top-bottom and not all over like your first example link.

这篇关于带循环滚动的DIV的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！