ScrollMagic - 停止滚动行为,直到动画完成

问题描述

我想阻止我的用户滚动很长时间以确保动画完成,所以我的问题是,动画是否有诸如“onStart”/“onComplete”之类的事件,所以我可以停止滚动行为overflow: hidden; 在身体上,直到动画完成,然后再将其移除?

我检查了(旧的)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 应该是完全动画的,直到用户可以再次滚动)

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)