6

我正在寻找一种支持触摸、可拖动、响应式的 jQuery滚动条/幻灯片/轮播/滑块,用于显示水平可滚动的项目列表(例如,eshop 中的特色产品、最近添加到数据库的照片等)。

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

通过可拖动我的意思是拖动'n'drop用于滚动而不是将项目从列表移动到其他地方。见下文。

严格要求

  • 基于 jQuery(或独立于库)
  • 响应式(非固定宽度)
  • 每张图片的链接和标题
  • 可拖动滚动 - 使用鼠标和手指工作 - 我拖动项目,移动和放下,列表会mooooove然后停止。就像在智能手机上滚动一样,但即使使用鼠标也能工作。
  • 一些允许我在到达列表末尾时加载更多项目的 API(不是严格的要求,我想我可能没有它);如果滚动条检测到用户何时到达列表末尾并且滚动条调用我的函数来附加更多项目,则可以完成

很高兴有

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

首先,我在我的网站上实现了 FlexSlider 2 轮播。触摸手势有效,但鼠标手势/滚动无效。FlexSlider 是滑块而不是滚动条:/ 否则 FlexSlider 会抓挠我的痒。

请发链接,我去看看。让它成为其他网页设计师的最佳 jQuery 滚动条的有价值列表。

谢谢大家!

4

1 回答 1

1

试试 jquery 插件(jquery.nicescroll.js)。它也支持触摸设备。

http://areaaperta.com/nicescroll/

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

于 2012-12-28T09:39:24.240 回答