我正在寻找一个支持触摸、可拖动、响应灵敏的jQuery滚动器/胶片条/转盘/滑块,用于显示水平可滚动项目列表(例如,用于eshop中的特色产品、最近添加到数据库的照片等)。
它看起来就像苹果应用商店中每个应用页面上的图像滚动条。我不想一次看到一个大图像的典型滑块。我想看到相邻的图像,用户可以轻松地在它们之间滚动。
我所说的可拖动是指拖动,用于滚动而不将项目从列表移动到其他位置。请参见下文。
严格的要求
- 基于jQuery(或独立于库)
- 响应(非固定宽度)
- 每个图像的链接和标题
- 可拖动滚动-使用鼠标和手指-我拖动项目,移动和放下,列表会移动,然后停止。就像在智能手机上滚动一样,但即使使用鼠标也能工作
- 一些API允许我在到达列表结尾时加载更多的项目(不是严格的要求,我想我可能会忍受它);如果滚动器检测到用户何时到达列表的末尾,并且因此滚动器调用我的函数来附加更多项目,则可以执行此操作
很高兴拥有
- 图像可以具有可变宽度
- 自动播放-从一个项目移动到另一个项目或逐像素缓慢移动
- 设置可见项目的最小和最大数量
- 当用户滚动并且列表滚动时,会出现滚动条
首先,我在我的网站上实现了FlexSlider 2旋转木马。触摸手势有效,但鼠标手势/滚动不起作用。FlexSlider是一个滑块而不是滚动器:/否则FlexSlider会抓挠我的痒。
请张贴链接,我会检查它。让这成为其他网页设计师最好的jQuery滚动器的宝贵列表。
谢谢大家!
试试jquery插件(jquery.nicescroll.js)。它还支持触摸设备。
http://areaaperta.com/nicescroll/
http://code.google.com/p/jquery-nicescroll/downloads/list