/AlloyTouch

60FPS的触摸运动

Primary LanguageJavaScriptMIT LicenseMIT

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/

usage

3D Demo: http://alloyteam.github.io/AlloyTouch/3d.html

usage

Rotate Demo: http://alloyteam.github.io/AlloyTouch/rotate.html

usage

Carousel Demo: http://alloyteam.github.io/AlloyTouch/carousel.html

usage