SmoothScroll.js 绿色版(js页面平滑滚动插件)是一款插件工具软件,officeba免费提供SmoothScroll.js 绿色版(js页面平滑滚动插件)下载,更多SmoothScroll.js 绿色版(js页面平滑滚动插件)相关版本就在officeba。
smoothscroll.js插件是一款技术专业的js网页页面光滑翻转软件,将网页页面翻转的个人行为做为Windows目标的拓展,安装该pc软件以后在开发设计jQuery的情况下更省时省力,导到js中就可以逐渐应用了。有兴趣的朋友们可以下载试一下哦。
1、引进下列的js和css文件
《script src=“https://libs.baidu.com/jquery/1.11.1/jquery.min.js”》《/script》
《script src=“。./src/jquery.smooth-scroll.js”》《/script》
《script src=“。./lib/jquery.ba-bbq.js”》《/script》
2、在head标识中添加下列js代码
$(function(){
$(“#btn”).click(function(){
$(‘a’).smoothScroll({
//主要参数目录
});
});
})
3、在body标识中添加相对应的标识
软件表明
1、容许大家随便地完成滚动到网页页面某一部位
2、能够那样来启用软件
$(‘a’).smoothScroll();
3、能够依据自身的必须特定一个外界器皿,那幺翻转便是在这个器皿内产生,而不是在网页页面等级发生了
$(‘#container a’).smoothScroll();
4、能够根据下边的方法来清除特定器皿的包括原素
$(‘#container a’).smoothScroll({
excludeWithin: [‘.container2’]
});
5、根据下边的句子来清除达到特定标准的原素
$(‘a’).smoothScroll({
exclude: [‘.rough’,‘#chunky’]
});
6、调节滚动到哪一个部位就终止
$(‘.backtotop’).smoothScroll({
offset: -100
});
7、设置一个滚动逐渐以前的调用函数
$(‘a’).smoothScroll({
beforeScroll: function() {
alert(‘ready to go!’);
}
});
8、设置一个滚动完毕的调用函数
$(‘a’).smoothScroll({
afterScroll: function() {
alert(‘we made it!’);
}
});
9、能够加上一个按键用于适用点一下后返回以前的部位,事实上便是一个历史数据的功效
$.smoothScroll({
//滚动到的部位的偏移
offset: 0,
//滚动的方位,可用 ‘top’ 或 ‘left’
direction: ‘top’,
// 仅有如果你想调用默认设置个人行为的情况下才会采用
scrollTarget: null,
// 滚动逐渐前的调用函数。`this` 意味着已经被翻转的原素
beforeScroll: function() {},
//滚动进行后的调用函数。 `this` 意味着开启滚动的原素
afterScroll: function() {},
//缓动实际效果
easing: ‘swing’,
//滚动的速率
speed: 400,
// “全自动” 加快的指数
autoCoefficent: 2
});