【文件属性】：
文件名称：创建滚动动画
文件大小：494KB
文件格式：ZIP
更新时间：2021-02-20 19:05:26
JavaScript
在滚动动画上，但是在React！
描述
该迷你项目允许用户滚动时播放svg动画。 我一直喜欢网页上的动画，因此决定学习。 我使用了两个软件包：smooth-scrollbar和lottie-web，以使svg正常工作。 我相信平滑滚动条不是必需的，但是React的dom操作起来很麻烦，而平滑滚动条使其变得非常容易。
所有svg动画均来自 ，这是一个真正高质量动画的*网站！ 和最好的部分！ 大部分都是免费的！！！！
我使用此代码笔作为参考： ://codepen.io/mertmayda/pen/zYvPQQo，这是香草JS中的代码，我只是将其转换为React Hooks！
设置
git clone
npm安装或添加毛线，取决于软件包管理器
启动本地主机
npm启动或纱线启动
在localhost：3000上启动
配套
lottie-web： ：//www.npmjs.com/
【文件预览】：
create-onscroll-animation-master
----.eslintcache(1KB)
----public()
--------manifest.json(492B)
--------index.html(2KB)
--------robots.txt(67B)
--------favicon.ico(4KB)
--------logo512.png(9KB)
--------logo192.png(5KB)
----yarn.lock(492KB)
----src()
--------Components()
--------logo.svg(3KB)
--------index.css(366B)
--------App.js(132B)
--------reportWebVitals.js(362B)
--------App.test.js(246B)
--------setupTests.js(241B)
--------App.css(450B)
--------index.js(500B)
--------JSON()
----README.md(1KB)
----.gitignore(310B)
----package-lock.json(626KB)
----package.json(949B)