slip.js
移动端跟随手指滑动组件,零依赖。
文档
源码
源码用CoffeeScript
书写,查看源码。
示例
手机访问:
安装
使用 bower 安装
$ bower install slip.binnng.js --save
更新版本
$ bower update
使用 Yeoman 安装
$ npm install -g generator-webapp-slip
$ yo webapp-slip
简单代码
一个全屏可滑动的宣传网页:
var ele = document.getElementById("slip");
// 垂直滑动
Slip(ele, "y").webapp();
// 水平滑动
// Slip(ele, "x").webapp();
一个可滑动的高度为200px的轮播器:
var ele = document.getElementById("slip");
Slip(ele, "x").slider()
.height(200);
一个可滑动的元素,开始滑动,滑动中,结束滑动都有自己的定制:
var ele = document.getElementById("slip");
var mySlip = Slip(ele, "xy");
mySlip
.start(function(event) {
console.log('start');
// 事件对象
console.log(event);
// 当前坐标值
console.log(this.coord);
})
.move(function(event) {
console.log('move');
})
.end(function() {
console.log('end');
console.log(this.coord);
// 滑动方向
console.log(this.orient);
});