当前位置:主页 > JavsScript库 > 动画 >

用于使用缓动平滑滚动的JavaScript库 - smooth-scroll.js
栏目分类:动画   发布日期:2021-09-17   浏览次数:

一个先进的平滑滚动 JavaScript 库,可以将页面平滑滚动到文档中的指定点,具有可配置的持续时间和可选的缓动效果。

如何使用它:

1. 下载并导入 smooth-scroll.js JavaScript 库。

<script src="./smooth-scroll.js"></script>

2. 将页面滚动到特定元素。

smoothScroll('.section');

3. 配置动画的持续时间。

smoothScroll('.section', 1000);

4. 应用缓动效果:

  • easeInOutCirc

  • linearTween

  • easeInQuad

  • easeOutQuad

  • easeInCubic

  • easeInOutQuad(默认)

smoothScroll('.section', 1000, 'easeInOutCirc');


官方网站:https://github.com/bhagabati-prasad/smooth-scroll-animation

相关热词: 平滑滚动

相关下载
声源:本站内容均来自互联网,仅供交流学习之用,请勿作商业用途,所有资源版权归原作者所有。如果有侵犯到您的权益,请联系本站删除,谢谢合作!
jQuery库 JavsScript库 Html5库 CSS3库