jQuery触摸可拖动响应式滚动条/幻灯片/轮播？

Question

我正在寻找一个触摸启用,可拖动,响应式jQuery卷轴/幻灯片/旋转木马/滑块,用于显示项目的水平滚动列表(例如,针对eshop中的特色产品,最近添加到数据库中的照片等).

它看起来类似于每个应用程序页面上Apple App Store中的图像滚动条.我不希望一次看到一个大图像的典型滑块.我希望看到彼此相邻的图像,用户可以在它们之间轻松滚动.

通过拖动我的意思是拖拉滚动不将项目从列表移动到其他地方.见下文.

严格的要求

• 基于jQuery(或独立于库)
• 响应(不固定宽度)
• 每个图像的链接和标题
• 可拖动滚动 - 使用鼠标和手指 - 我拖动项目,移动和放下,列表将mooooove然后停止.就像在智能手机上滚动一样,但即使使用鼠标也可以.
• 一些API可以让我在到达列表末尾时加载更多的项目(不是严格的要求,我想我可能会活得很好); 如果滚动器检测到用户何时到达列表的末尾并且卷轴调用我的函数以附加更多项目,则可以执行此操作

很高兴有

• 图像可以有不同的宽度
• 自动播放 - 从一个项目移动到另一个项目或逐个像素地慢慢移动
• 设置可见项目的最小和最大数量
• 当用户滚动并且列表正在滚动时,会出现滚动条

首先,我在我的网站上实现了FlexSlider 2轮播.触摸手势有效,但鼠标手势/滚动不起作用.FlexSlider是一个不滑动的滑块:/否则FlexSlider会刮伤我的痒.

请发布链接,我会检查一下.让它成为其他webdesigners的最佳jQuery卷轴的有价值列表.

谢谢大家!

Answer 1

尝试jquery插件（jquery.nicescroll.js）。它也支持触摸设备。

http://areaaperta.com/nicescroll/

http://code.google.com/p/jquery-nicescroll/downloads/list