ScrollMagic - 停止滚动行为，直到 animation 完成

Question

我想阻止我的用户滚动很长时间以确保 animation 完成，所以我的问题是，animation 是否有类似“onStart”/“onComplete”之类的事件，所以我可以通过overflow: hidden; 在身体上直到 animation 完成并在之后移除它？

我检查了（旧的）gsap 文档，并且 TweenMax.to 和 TimelineMax 都有 onStart/onComplete 事件 - 我尝试使用它们，但它们在页面加载后立即触发，我不知道为什么。

（ https://greensock.com/docs/v2/TimelineMax/TimelineMax() ）

（ https://greensock.com/docs/v2/TweenMax/static.to() ）

我正在为 svg-Font 设置动画以在页面上实现类似“绘图”的感觉。

小提琴： https://jsfiddle.net/yf89Lhzv/1/

（Hello World 应该是完全动画的，直到用户可以再次滚动）