Gsap 滚动或暂停动画,直到用户再次滚动
使用以下代码Gsap 滚动或暂停动画,直到用户再次滚动,gsap,scrollmagic,Gsap,Scrollmagic,使用以下代码 var firstScene = new TimelineLite() .to(".some-background", 1000, { transform: 'translate(350px, 0)' }) .to(".old-text", 1000, { opacity: 0 }) .to(".new-text", 1000, { opacity: 1 }) .to(".new-text", 1000, { opacity: 0 }) .
var firstScene = new TimelineLite()
.to(".some-background", 1000, { transform: 'translate(350px, 0)' })
.to(".old-text", 1000, { opacity: 0 })
.to(".new-text", 1000, { opacity: 1 })
.to(".new-text", 1000, { opacity: 0 })
.to(".new-text-2", 1000, { opacity: 1 })
new ScrollMagic.Scene({triggerHook: 'onLeave', triggerElement: "#container", duration: 5000})
.setPin("#container")
.setTween(firstScene)
.addTo(controller);
是否可以在淡入新文本和淡出动画之间“锚定”或停止/暂停动画,直到用户再次滚动,而不是在某个地方创建另一个触发器来延迟动画