Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/ssh/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
对于类似旋转木马的刷卡体验,可以推荐哪个基于JavaScript的库?_Javascript_Html_Css_Carousel_Swipe - Fatal编程技术网

对于类似旋转木马的刷卡体验,可以推荐哪个基于JavaScript的库?

对于类似旋转木马的刷卡体验,可以推荐哪个基于JavaScript的库?,javascript,html,css,carousel,swipe,Javascript,Html,Css,Carousel,Swipe,我想为基于iOS、Android和WP8的JavaScript的移动触摸设备创建一个类似旋转木马的滑动体验,该体验易于使用并满足我的所有要求 到目前为止,我尝试了这些插件,但没有一个真正让我信服: 触摸屏(太复杂) SwipeView(快速刷卡会出现问题) iScroll(无WP8支持) 因此,我正在寻找一个好的JS库,它可以满足以下要求: 必须能够滑动所有类型的内容,而不仅仅是图像。例如,我希望能够向它传递一个元素数组,插件应该能够处理这些元素,并使它们能够水平旋转 该插件必须适用于iO

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

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

  • 触摸屏(太复杂)
  • SwipeView(快速刷卡会出现问题)
  • iScroll(无WP8支持)
因此,我正在寻找一个好的JS库,它可以满足以下要求:

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

有可以推荐的库吗?

根据您的需求,我可以推荐Hammer.js。我在一些类似的项目中使用过它,它的小巧美观仅缩小了3kb左右。它很容易扩展和修改到您的确切需求,因为我认为任何现成的东西都不能完全满足您的需要


还有一个来自经验的快速提示,使用默认设置来获得您想要的正确灵敏度和运动范围。

Hm,看起来非常有趣。我喜欢它的轻量级,而且它似乎还广泛支持操作系统,包括WP8。我也喜欢jQuery插件。我肯定会尝试一下,但也会留意是否有人发布了更好的帖子,因为hammer.js似乎只支持触摸手势,但没有类似旋转木马的功能。我必须自己编写代码。我尝试了hammer.js,我喜欢它。谢谢!:-)可下载的zip包含一个转盘示例。你可以复制代码1:1,它就可以工作了。令人惊叹的!