哪个基于JavaScript的库可以推荐用于类似旋转木马的滑动体验?

时间:2013-02-27 11:17:40

标签: javascript html5 css3 carousel swipe

我希望为基于iOS,Android和WP8的JavaScript的移动触摸设备创建类似旋转木马的滑动体验,该设备易于使用并满足我的所有要求。

到目前为止,我尝试了这些插件,但没有一个真正说服我:

  • TouchSwipe(太复杂)
  • SwipeView(快速刷卡时出现问题)
  • iScroll(不支持WP8)

因此,我正在寻找一个可以满足这些要求的优秀JS库:

  • 必须能够扫描所有类型的内容,而不仅仅是图像。例如。我希望能够传递一个<div>元素数组,插件应该处理它们并使它们可以水平滑动。
  • 插件必须适用于iOS 4.x +,Android 2.2+和Windows Phone 8。
  • 它应该尽可能小(以千字节为单位)和轻量级。
  • 它应该是性能优化的。例如。如果我传递了20个具有大量内部内容的div元素,那么该库应该足够智能以隐藏不可见的项目并仅滑动重要的div(可见的div)。
  • 滑动应该是平滑的,如果用户释放屏幕,滑动元素应该捕捉到父元素的边框,这样一次只能看到1个元素。

是否有可以推荐的图书馆?

1 个答案:

答案 0 :(得分:4)

看看你的要求我可以推荐Hammer.js我已经在一些类似的项目上使用过它,它很好,很小,只有3kb左右。它非常容易扩展和修改,以满足您的确切要求,因为我认为现成的任何东西都不会完全符合您的需求。

http://eightmedia.github.com/hammer.js/

另外,根据经验快速记录,使用默认设置来获得您想要的灵敏度和动作范围。