文本/链接
链接平滑动画过渡纯JS插件
PetitQ
smooth-scroll.js 是一款轻量级的纯 JS 页面锚链接平滑过渡插件。通过该锚链接插件，可以在点击页面的锚链接时，以指定的过渡动画平滑滚动页面。
使用方法:
在页面中引入 smooth-scroll.js 文件。
也想出现在这里？联系我们吧
<script src="dist/smooth-scroll.js"></script>
HTML 结构:
在页面中构建锚链接，通过[a]标签的 href 属性指向需要跳转到的锚链接元素，并为[a]元素设置 data-scroll 属性。
<a data-scroll href="#bazinga">Anchor Link</a>
...<h3 id="bazinga">跳转到这里</h3>
初始化插件:
在页面的底部，通过 smoothScroll.init()方法来初始化该锚链接平滑过渡插件。
<script type="text/javascript">
smoothScroll.init();
</script>
配置参数:
你可以在 init()方法中传入配置参数或回调函数。
smooth-scroll.js 锚链接跳转插件的 github 地址为：https://github.com/cferdinandi/smooth-scroll
| 演示地址 | 下载地址 |
专业提供WordPress主题安装、深度汉化、加速优化等各类网站建设服务，详询在线客服！
也想出现在这里？联系我们吧
