yscroll

YScroll
=====
> A lightweight scroll for touch device. 高性能的无线滚动组件

Demo & Examples

Live demo: http://yuanzhaohao.github.io/yscroll/

To build the examples locally, run:

``
npm install
gulp server
`

Then your example(localhost:3000/demo/) will open automatically in browser.

Usage

#### 不设置distance参数，则默认为scroll效果，如下面的代码：

` javascript
new YScroll('.scroll-nav');
`

#### 设置snap效果

` javascript
new YScroll('.fs-2', {
distance: 220, \\ 每一帧滑动的距离
bounceTime: 300, \\ 滑动动画时间transitionDuration
ease: 'quadratic' \\ 滑动效果选项 'quadratic' || 'circular' || 'back' || 'elastic'
});
`

#### 使用js动画(snap)

` javascript
new YScroll('.fs-3', {
distance: 220,
cssAnimation: false
});
`

#### 使用js动画(scroll)

` javascript
new YScroll('.scroll-nav-1', {
cssAnimation: false
});
`

#### 设置回调

` javascript
var srcoll = new YScroll('.scroll-nav');
scroll.scroller.addEventListener('sTouchstart', function (e) {
console.log('call sTouchstart');
}, false);

var snap = new YScroll('.fs-3', {
distance: 220
});
snap.scroller.addEventListener('sPointmove', function (e) {
console.log('call sTouchstart');
}, false);
``