flipsnap实现手机屏幕左右拖拽滑动效果的框架

官网:http://hokaccha.github.io/js-flipsnap/


官方说明文档

参数说明:

名称 类型 说明


maxPoint
数字 停止点计数。默认值是从元素项计数自动计算。
distance 数字 移动距离。默认值是从元素的宽度和maxPont自动计算。
transitionDuration 数字 转换时间(毫秒)。默认值是350。
disableTouch 布尔值 当设置为true,触摸事件被禁用。只有操作按钮或等接口。默认为false。
disable3d 布尔值 当支持3D变换浏览器,此选项设置为true,它不使用3D变换和使用2D变换。你应该设置为true,当它是有一个错误的3D转换设备(旧的Android或黑莓等)。默认为false。

方法说明:

refresh():对子项目进行增减操作之后,进行更新,重新计算值。

hasNext():返回true或false。当有下一个元素,则返回true。

hasPren()返回true或false。当有上一个元素,则返回true。

toNext([transitionDuration]:下一个。

toPrev([transitionDuration]):上一个

moveToPoint(point, [transitionDuration]):根据数字移动到对应的项目


事件

fspointmove:移动时触发此事件。

fstouchstart:touch行为开始。

fstouchmove:touch行为在移动过程中。

fstouchend:touch行为结束。





发布了29 篇原创文章 · 获赞 40 · 访问量 33万+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章