View on GitHub

Slip.js

移动端跟随手指滑动组件,零依赖。

Download this project as a .zip file Download this project as a tar.gz file

文档

使用

window下暴露了名为 Slip 的全局函数。

Slip

参数:
var slip = Slip(el, "x");

方法

setCoord

设置元素坐标位置

参数
slip.setCoord({
  x: 10,
  y: 0
});
destroy

销毁元素的滑动

参数

slip.destroy();

事件

start
参数
move
参数
end
参数

属性

coord

Object 元素的坐标值

finger

Object 手指的偏移

orient

Array 手指滑动的方向,这个值会在手指滑动过程中变化

注意:orient的值是数组

轮播器

方法

slider

设置轮播器

Slip(ele, "x").slider();
参数

height

设置轮播器的高度

Slip(ele, "x").slider().height(200);
参数

width

设置轮播器的宽度

参数

属性

page

当前轮播器在第几页

Slip(ele, 'x').end(function() {
  console.log(this.page);
});

Webapp 全屏网页

搜狐视频客户端完美适配iOS8这种形式的网页。

方法

webapp
Slip(ele, "y").webapp();

源码

源码用CoffeeScript书写,slip.js为其生成代码。查看源码