1.64 MB
详情
SmoothScroll.js(js页面平滑滚动插件) 绿色版
软件类型：应用软件
软件大小：120.21 KB
更新时间：2022-11-18
软件评级：
运行环境：WinAll
软件语言：简体中文
安全监测：
无插件
360 √
腾讯 √
金山 √
瑞星 √
无插件
360 √
腾讯 √
金山 √
瑞星 √
软件介绍
下载地址
其他版本
smoothscroll.js插件是一款专业的js页面平滑滚动插件，将页面滚动的行为作为Windows对象的扩展，安装该软件之后在开发jQuery的时候更方便快捷，导入到js中就可以开始使用了。感兴趣的小伙伴们可以下载试试哦。
使用步骤
1、引入以下的js和css文件
《script src=“http://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
}）;
下载地址
正在读取下载地址...
热门软件
1
2
3
4
5
6
7
8
9
10
Steam V2.20.91.91 官网版
unc0ver(苹果iOS 14.5越狱工具) V6.1.1 汉化版
117.25 MB
详情
Clover（标签工具）V3.5.4.20416 官方安装版
11.20 MB
详情
微信 V3.4.0.54 官方版
155 MB
详情
x64 Components 3.7.0 Final 多国语言安装版
17.3 MB
详情
速骑士u盘装机工具 V2.1 官方版
10.3 MB
详情
Video Duplicate Finder(重复视频查找软件) V2.0.7 绿色中文版
80.95 MB
详情
卸载大师 V2008 绿色版
316 KB
详情
中国烟草网上订货平台 V1.4 最新版
4.06 MB
详情
Office 365专业增强版 V16.0.11929 激活版
11.75 MB
详情
装机必备 更多+
大家都在看
电脑软件专题 更多+