iTakeo

页面自由滑动。

通常需要页面滑动都某个地方,比如返回底部,返回顶部,或者滑动到某个区域。调用接口如下:

//滑动到100的地方
jump.init(100);
//预定义top变量,返回到顶部
jump.init('top');
//预定义bottom变量,返回到底部
jump.init('bottom');
//某个元素的class或者id
jump.init('.item');
//或者传入某个dom
var div = document.getElementById('div1')
jump.init(div);
//另外还有两个配置项,第二个参数传入
jump.init(400,{
    mouse : true, //是否开启鼠标滚动干预,在滑动的时候如果滚动鼠标立即停止,默认true
    speed : 800  //滚动速度,默认800
});
//最后一个参数为回调函数,结束时执行
jump.init(400,function(){
    //jump.init('top')
});
01.
02.
03.
04.
05.
06.
07.
08.
09.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.

演示如下:

更新,添加了x轴滚动,新增方法如下:

//预定义left变量,返回到左边
jump.init('left');
//预定义right变量,返回到右边
jump.init('right');
//通过direction参数来开启x轴滚动
jump.init(400,{
    direction : 'x', //设置为x,则会开启x轴滚动,默认y
    mouse : true,    //是否开启鼠标滚动干预,在滑动的时候如果滚动鼠标立即停止,默认true
    speed : 800        //滚动速度,默认800
});
01.
02.
03.
04.
05.
06.
07.
08.
09.
10.

点击这里下载JS(无X轴滚动版)

点击这里下载JS(有X轴滚动版)


2015/12/30 2 / /
标签:  暂无标签

评论回复

  1. 回复 咕咕鸡

    我来帮你踩踩 😛

  2. 回复 隔壁老胡

    大神 膜拜 感谢

验证码: 3 + 2 =

回到顶部