其他代码
smoothScroll-Es5 平滑页面滚动效果插件
PetitQ
smoothScroll-Es5.js 是一款 js 平滑的页面滚动效果插件。通过它可以制作页面锚链接之间的平滑滚动效果，和平滑的返回页面顶部效果等。
使用方法:
在页面中引 smoothScroll-ES5.js 文件。
也想出现在这里？联系我们吧
<script type="text/javascript" src="path/to/js/smoothScroll-ES5.js"></script>
HTML 结构:
然后为你的页面文章添加需要的锚点。例如：
<section id="idtoScrollTo"></section>
你可以使用超链接，或其它元素来触发平滑滚动效果。只需要为元素添加 scrollOnClick 的 class 类，并添加一个自定义属性 scrollTo，指向要滚动到的内容的 ID。
<a href="#idtoScrollTo" scrollTo="idtoScrollTo" class="scrollOnClick">go scroll</a>
你还可以通过 duration 属性定义平滑滚动的持续时间，以及通过 easing 属性来指定平滑滚动的类型：linear 或 smooth。
<a href="#idtoScrollTo" duration="5000"
easing="smooth"
scrollTo="idtoScrollTo"
class="scrollOnClick">Test</a>
该纯 js 页面平滑滚动插件的 github 地址为：https://github.com/HjalmarSnoep/smoothScroll
| 演示地址 | 下载地址 |
专业提供WordPress主题安装、深度汉化、加速优化等各类网站建设服务，详询在线客服！
也想出现在这里？联系我们吧
