AlloyTouch60FPS的触摸运动

联合创作 · 2023-09-20 07:30

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

浏览 6
点赞
评论
收藏
分享

手机扫一扫分享

编辑 分享
举报
评论
图片
表情
推荐
点赞
评论
收藏
分享

手机扫一扫分享

编辑 分享
举报