jquery smoothscroll.js
- 编程开发
- 33.28M
- 最新版
- 552
- 2024-09-22 12:39
smoothscroll.js是一款JQuery的插件,可用来制作平滑滚动效果,方便软件开发者们的工作,需要的朋友欢迎来绿色资源网免费下载!
smoothscroll.js是一款纯js页面平滑滚动插件。该js页面平滑滚动插件的特点是页面滚动的行为被作为window对象的扩展,用户可以通过window对象直接调用平滑滚动的方法。
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、可以添加一个按钮用来支持点击后回到之前的位置,实际上就是一个历史记录的作用
其他精品绿色应用软件推荐
Java-Decompiler绿色版(Java反编译工具) v0.3.5 免费版
JD-GUI绿色版是一款功能强大的Java反编译工具,通过这款软件可以整个jar包进行反编译,非常方便的获取class文件的源码,需要的朋友欢迎来绿色资源网下载使用。 JD-GUI绿色版介绍JD-GUI,是一款反编译软件。JD分为JD-GUI、JD-Eclipse两种运行方式,JD-GUI是以
本站提供绿色免费软件《Java-Decompiler绿色版(Java反编译工具) v0.3.5 免费版 》最新版免费下载,适用于WinAll, WinXP, Win7, Win8,软件大小773KB,下载火软件网提供免费下载安装!
本站内容由用户发布来源互联网公开内容,如果你发现我们网站内容存在违法有害信息或侵犯您的合法权益,请邮件(3258257@qq.com)告诉我们,我们核实后第一时间删除!