Crypko 基于滚动条进行的动画是如何实现的?
[Crypko](https://crypko.ai/#/beta) 网站里面的下拉滚动条进行的动画感觉非常炫,于是研究了一下她的实现,发现她主要是使用了 [ScrollMagic](https://github.com/janpaepke/ScrollMagic) 这个库实现了基于滚动条的动画。
为什么这么确定就是用了 ScrollMagic ?因为她代码里写的很清楚。。
![Crypko 基于滚动条进行的动画是如何实现的?](http://git_null.gitee.io/note/note/01%E5%89%8D%E7%AB%AF/img/CrypkoScrollAnimate.png)
一些其他资料:
- ScrollMagic 的示例:[Resume svg scroll animation](https://codepen.io/1010543618/pen/OYjEgb)
- 使用 SVG 的 `stroke-dashoffset`属性实现随滚动条展示绘画步骤:[Scroll controlled SVG animation | CSSDeck](http://cssdeck.com/labs/scroll-controlled-svg-animation)