jQuery触摸可拖动响应滚动条/胶片条/转盘



我正在寻找一个支持触摸、可拖动、响应灵敏的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

最新更新