官方网站开发与动画效果需求实现

文本类

• cssanimation

https://cssanimation.io/getting-started.html （文字动画）

• countup.js

https://github.com/inorganik/countUp.js（数字滚动）

css 动画

• animista 🎁（比较全面）

https://animista.net

• Animatopy

https://sarthology.github.io/Animatopy/

• animate

https://github.com/animate-css/animate.css

滚动类

• aos

  使用监听动画 API 需要 v3 版本

https://michalsnik.github.io/aos/

• wow

https://www.delac.io/WOW/

视差滚动

• parallax.js

https://github.com/wagerfield/parallax（视觉差效果）

• headroom.js

  header 设置为 position:fixed 才会生效

https://github.com/WickyNilliams/headroom.js （头部导航栏显示隐藏）

• fullpage.js

https://alvarotrigo.com/fullPage/ (全屏滚动效果)

• ScrollReveal

https://github.com/jlmakes/scrollreveal (视口监听、瀑布流效果)

• 堆叠滚动（StickyStack.js）