• Stars
    star
    387
  • Rank 110,971 (Top 3 %)
  • Language
    CoffeeScript
  • Created about 10 years ago
  • Updated over 9 years ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

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

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);
    });