[Tween doesn't work on first scroll (ScrollMagic)]

Thanks a lot! 
I saw that ScrollMagic seems to be abandoned, but I thought it was still a good choice for scroll-related animations (in particular control the animation speed with the speed of scrolling). Is there a better, more modern plugin you would recommend? 

[Tween doesn't work on first scroll (ScrollMagic)]

Hello,

 

I have a problem with my first ScrollMagic Animation.
I would like to fade in the boxes on scrolling down. This works fine except for the first time. When I scroll down for the first time the values like opacity don't "tween", they switch directly from 0 to 1. After that I can scroll up- and down with a working animation.
It's like some kind of setting is missing. Do you have an idea what exactly is missing?

 

This is my codepen: 

See the Pen ?editors=0010 by becca1811 (@becca1811) on CodePen

Thanks, Becca

See the Pen ?editors=0010 by becca1811 (@becca1811) on CodePen

[Stagger offset in svg gradient color stops - percentage suffix missing]

Hi, 

 

thank you very much. For now, I go with the function-based value, works perfectly.

I also tried the 1.20.4 beta, it worked fine with integers, but breaks when decimal numbers are used:
TweenMax.js:7033 Error: <stop> attribute offset: Trailing garbage, "36.5.%".
Maybe that's an issue...

 

Thanks again, Becca

[Stagger offset in svg gradient color stops - percentage suffix missing]

Thanks! I fixed my code, but there is still no percent suffix while the tween is going on.  

[Stagger offset in svg gradient color stops - percentage suffix missing]

Hi there,

 

I am relatively new to gsap so I hope my question isn't too dumb
I would like to change the offset values of multiple color-stops in a svg gradient with staggerTo. The problem is, during the tween the percent suffix is missing. According to AttrPlugin Docs it should be possible. When I use the To-Tween, everything works perfectly, but not with staggerTo.
 

Please have a look at my pen.

 

Thanks for any help, Becca

See the Pen rJNwZx by becca1811 (@becca1811) on CodePen