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>

 

点赞

发表评论

电子邮件地址不会被公开。必填项已用 * 标注