js实现页面平滑滚动效果

前言

很久没写博文了，来分享一个我平常前端开发常用的一个js吧这个js可以让超链接快速跳转区域的时候实现平滑移动而不是瞬间跳转该插件github地址为 https://github.com/HjalmarSnoep/smoothScroll

使用方法

首先当然是在页内引入js啦

<script type="text/javascript" src="./js/smoothScroll-ES5.js"></script>

然后在需要实现跳转的超链接后面加上scrollTo="ID名" class="scrollOnClick"这俩属性

<a href="#about" scrollTo="about" class="scrollOnClick">关于</a>

这样就可以实现平滑滚动到指定ID位置啦，当然还可以加上持续时间duration="毫秒"

<a href="#about" scrollTo="about" class="scrollOnClick" duration="5000">关于</a>

N0ts Blog