jquery smoothscroll.js

system

软件标签:  smoothscroll.js   .js
smoothscroll.js是一款jquery的插件，可用来制作平滑滚动效果，方便软件开发者们的工作，需要的朋友欢迎来绿色资源网免费下载！
smoothscroll.js插件介绍
smoothscroll.js是一款纯js页面平滑滚动插件。该js页面平滑滚动插件的特点是页面滚动的行为被作为window对象的扩展，用户可以通过window对象直接调用平滑滚动的方法。




smoothscroll.js使用步骤
1、引入以下的js和css文件

<scriptsrc="http://libs.baidu.com/jquery/1.11.1/jquery.min.js"></script>

<scriptsrc="../src/jquery.smooth-scroll.js"></script>

<scriptsrc="../lib/jquery.ba-bbq.js"></script>

2、在head标签中加入以下js代码

$(function(){

$("#btn").click(function(){

$(“a“).smoothscroll({

//参数列表

});

});

})

3、在body标签中加入相应的标签
插件使用说明
1、允许我们轻易地实现滑动到页面某个位置

2、可以这样来调用插件

$(“a“).smoothscroll();

3、可以根据自己的需要指定一个外部容器，那么滚动就是在这个容器内发生，而不是在页面级别发生了

$(“#containera“).smoothscroll();

4、可以通过下面的方式来排除指定容器的包含元素

$(“#containera“).smoothscroll({

excludewithin:[“.container2“]

});

5、通过下面的语句来排除满足指定条件的元素

$(“a“).smoothscroll({

exclude:[“.rough“,“#chunky“]

});

6、调整滑动到哪个位置就停止

$(“.backtotop“).smoothscroll({

offset:-100

});

7、设定一个滑动开始之前的回调函数

$(“a“).smoothscroll({

beforescroll:function(){

alert(“readytogo!“);

}

});

8、设定一个滑动结束的回调函数

$(“a“).smoothscroll({

afterscroll:function(){

alert(“wemadeit!“);

}

});

9、可以添加一个按钮用来支持点击后回到之前的位置，实际上就是一个历史记录的作用

https://blog.51cto.com/u_16099270/9147646