AlloyTouch60FPS的触摸运动
AlloyTouch 是 60FPS 的丝般顺滑的触摸运动方案。
特征
-
高度抽象的组件
-
真实的触摸反馈
-
与样式布局无关的设计
-
简洁的API设计
-
高效率的运动方式
-
真实的物理运动轨迹
API
new AlloyTouch({ touch:"#wrapper",//反馈触摸的dom vertical: true,//不必需,默认是true代表监听竖直方向touch target: target, //运动的对象 property: "translateY", //被运动的属性 sensitivity: 1,//不必需,触摸区域的灵敏度,默认值为1,可以为负数 factor: 1,//不必需,表示触摸位移与被运动属性映射关系,默认值是1 min: 100, //不必需,运动属性的最小值 max: 2000, //不必需,滚动属性的最大值 spring: true, //不必需,是否有回弹效果。默认是true change:function(){ }, //不必需,属性改变的回调 touchStart:function(value){ }, touchMove:function(value){ }, touchEnd:function(value){ }, reboundEnd:function(value){ } //回弹结束 })
Demo
-
Simple Demo: http://alloyteam.github.io/AlloyTouch/
-
Rotate Demo: http://alloyteam.github.io/AlloyTouch/rotate.html
-
Carousel Demo: http://alloyteam.github.io/AlloyTouch/carousel.html
评论