scrollmagic锚定或暂停动画,直到用户再次滚动

时间:2016-06-20 15:09:29

标签: 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 })
    .to(".new-text-2", 1000, { opacity: 1 })

new ScrollMagic.Scene({triggerHook: 'onLeave', triggerElement: "#container", duration: 5000})
    .setPin("#container")
    .setTween(firstScene)
    .addTo(controller);

可以锚定'或者在淡入淡出文本之间停止/暂停动画并淡出它直到用户再次滚动,而不是在某个地方创建另一个触发器来延迟动画?

0 个答案:

没有答案