微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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

如何解决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 举报,一经查实,本站将立刻删除。