Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/three.js/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Gsap 滚动或暂停动画,直到用户再次滚动_Gsap_Scrollmagic - Fatal编程技术网

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);
是否可以在淡入新文本和淡出动画之间“锚定”或停止/暂停动画,直到用户再次滚动,而不是在某个地方创建另一个触发器来延迟动画