通常需要页面滑动都某个地方,比如返回底部,返回顶部,或者滑动到某个区域。调用接口如下:
//滑动到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.
我来帮你踩踩 😛
大神 膜拜 感谢