页面滚动组件

页面动画组件包

1.locomotivemtl

体验地址: https://locomotivemtl.github.io/locomotive-scroll/
使用: https://www.npmjs.com/package/locomotive-scroll

2. AOS

体验地址: http://michalsnik.github.io/aos/
使用: https://juejin.cn/post/7018850667653496839

3.lax.js

体验地址: https://alexfox.dev/lax.js/
使用： https://juejin.cn/post/7230644271951331386

4.skrollr.js

体验地址: http://prinzhorn.github.io/skrollr/
使用: https://blog.csdn.net/qq_42445490/article/details/89205833

5.scrollmagic.js

体验地址:https://scrollmagic.io/
使用: https://juejin.cn/post/6844903762717310984

基于jquery.js 如下:

1. WoW

体验地址:

• https://www.dowebok.com/demo/131/

• https://www.dowebok.com/demo/131/index2.html

使用: https://z42.readthedocs.io/zh/latest/frontend/animate/wow-js.html

2.crossfade.js

使用： https://www.dowebok.com/104.html

3. 视差Parallax.js

鼠标经过会有视差的感觉

体验地址：https://matthew.wagerfield.com/parallax/

使用: https://cloud.tencent.com/developer/article/2306517?from=15425

高效插件库参考链接

1.文档: https://github.com/jaywcjlove/handbook/blob/master/Javascript/%E8%BD%BB%E9%87%8F%E9%AB%98%E6%95%88%E7%9A%84%E5%BC%80%E6%BA%90JavaScript%E6%8F%92%E4%BB%B6%E5%92%8C%E5%BA%93.md#%E5%B8%83%E5%B1%80

2.文档：
https://juejin.cn/post/6844903683411410951