您现在的位置是:网站首页> 软件下载软件下载
SmoothScroll.js(js页面平滑滚动插件)绿色版
2023-11-16
572人已围观
简介 SmoothScroll.js(js页面平滑滚动插件)绿色版
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 });
点击排行
- 源码编辑器下载 编程猫源码编辑器 v5.0 最新免费安装版 下载-
- JetBrains ReSharper2022下载 JetBrains ReSharper Command Line Tools命令行工具 2023.1.2 官方免费独立版 下载-
- Visual C++下载 Visual C++ 运行库合集包精小版 2023.2.2 x86/x64 最新版 下载-
- HttpMaster激活补丁下载 web开发测试软件 HttpMaster破解补丁 v5.7 附激活教程 下载-
- JSONBuddy Desktop激活补丁下载 JSONBuddy Desktop注册机 v7.0 绿色版(附破解教程+激活码) 下载-
- He3下载 He3(开发全能工具箱) v1.3.14 中文绿色免费版 32位/64位 下载-
- Consul破解版下载 HashiCorp Consul Enterprise v1.15.2 安装免费激活版(附注册机) 32位/64位 下载-
- 小熊猫C++下载 小熊猫C++(C/C++编译器) V2.20 官方安装版 win64 下载-
本栏推荐
-
源码编辑器下载 编程猫源码编辑器 v5.0 最新免费安装版 下载-
-
JetBrains ReSharper2022下载 JetBrains ReSharper Command Line Tools命令行工具 2023.1.2 官方免费独立版 下载-
-
Visual C++下载 Visual C++ 运行库合集包精小版 2023.2.2 x86/x64 最新版 下载-
-
HttpMaster激活补丁下载 web开发测试软件 HttpMaster破解补丁 v5.7 附激活教程 下载-
-
JSONBuddy Desktop激活补丁下载 JSONBuddy Desktop注册机 v7.0 绿色版(附破解教程+激活码) 下载-
-
He3下载 He3(开发全能工具箱) v1.3.14 中文绿色免费版 32位/64位 下载-
-
Consul破解版下载 HashiCorp Consul Enterprise v1.15.2 安装免费激活版(附注册机) 32位/64位 下载-
猜你喜欢
- 源码编辑器下载 编程猫源码编辑器 v5.0 最新免费安装版 下载-
- JetBrains ReSharper2022下载 JetBrains ReSharper Command Line Tools命令行工具 2023.1.2 官方免费独立版 下载-
- Visual C++下载 Visual C++ 运行库合集包精小版 2023.2.2 x86/x64 最新版 下载-
- HttpMaster激活补丁下载 web开发测试软件 HttpMaster破解补丁 v5.7 附激活教程 下载-
- JSONBuddy Desktop激活补丁下载 JSONBuddy Desktop注册机 v7.0 绿色版(附破解教程+激活码) 下载-
- He3下载 He3(开发全能工具箱) v1.3.14 中文绿色免费版 32位/64位 下载-
- Consul破解版下载 HashiCorp Consul Enterprise v1.15.2 安装免费激活版(附注册机) 32位/64位 下载-