What's the best way to trigger a tween in a scroll trigger, but have it animate independently of the scroll? I have a function call when the tween starts, but this doesn't seem to be working. What's the best way to do this? Thanks.
function fadeInGrow(el) {
var tl = gsap.timeline();
tl.to(el, {duration: 1, opacity: 1, transform: 1} );
}
st.to(".imac-animation-wrapper .imac-text1", {duration: 10, onStart: function(){ fadeInGrow(this.targets()[0]) }})
What I'm trying to do essentially is disable the scrub briefly like this:
.to(".el1", {duration: 10, ...} )
.to(".el2", {duration: 30, ...} )
.to(".el3", {duration: 20, ...} )
.to(".el4", {duration: 20, ...} ) // <-- I want this one to animate without the scroller
.to(".el5", {duration: 40, ...} )