Skip to content
移动端跟随手指滑动组件,零依赖。
CoffeeScript CSS Makefile
Find file
Pull request Compare This branch is 2 commits behind binnng:master.
Latest commit 5bab3eb @binnng binnng Update bower.json
Failed to load latest commit information.
demo Merge branch 'dev'
dist 增加对define的支持。
docs Merge branch 'dev'
src Merge branch 'dev'
.gitignore 更改下目录结构。
Makefile 更改下目录结构。
README.md Update README.md
bower.json Update bower.json
index.html 增加统计代码。
package.json 更改下目录结构。

README.md

slip.js

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

文档

文档

源码

源码用CoffeeScript书写,查看源码

下载

min.slip.js

示例

手机访问:

搜狐视频客户端完美适配iOS8

搜狐视频客户端完美适配iOS8

匆匆那年

匆匆那年

安装

使用 bower 安装

$ bower install binnng/slip.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);
    });
Something went wrong with that request. Please try again.