移动端跟随手指滑动组件,零依赖。
源码用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); });