# Tool-AlloyTouch

**Repository Path**: sallypanda/Tool-AlloyTouch

## Basic Information

- **Project Name**: Tool-AlloyTouch
- **Description**: Alloy团队打造的滚动插件，代替iscroll
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2016-01-03
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# AlloyTouch
原文地址：[http://alloyteam.github.io/AlloyTouch/](http://alloyteam.github.io/AlloyTouch/)   
60FPS的触摸运动

* 高度抽象的组件
* 真实的触摸反馈
* 与样式布局无关的设计
* 简洁的API设计
* 高效率的运动方式
* 真实的物理运动轨迹

# API
```js
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/](http://alloyteam.github.io/AlloyTouch/) 

![usage](http://alloyteam.github.io/AlloyTouch/demo2.png)

3D Demo: [http://alloyteam.github.io/AlloyTouch/3d.html](http://alloyteam.github.io/AlloyTouch/3d.html) 

![usage](http://alloyteam.github.io/AlloyTouch/demo3.png)

Rotate Demo: [http://alloyteam.github.io/AlloyTouch/rotate.html](http://alloyteam.github.io/AlloyTouch/rotate.html) 

![usage](http://alloyteam.github.io/AlloyTouch/demo1.png)

Carousel Demo: [http://alloyteam.github.io/AlloyTouch/carousel.html](http://alloyteam.github.io/AlloyTouch/carousel.html) 

![usage](http://alloyteam.github.io/AlloyTouch/demo4.png)