GSAP ScrollTrigger: Start and end values being calculated oddly

[SteveS]

I have several elements stacked vertically in a column. By default, there is no spacing between them. For each of them, I am applying a timeline where they tween FROM a scale of 0.8 to normal, and then TO a scale of 0.8 again.

For each timeline, I am applying a scrolltrigger which scrubs.

For some reason, the scrollTrigger uses the "top" position of the element when it is scaled down, which introduces space between when one scrollTrigger ends and the next begins. How can I get it so that the scrollTrigger recognizes the start: "top..." as referring to the top of the element before it has the "from" tween applied?

[Carl]

Hi

 

a good rule to follow is that you don’t want to animate the trigger element. Use a parent element that doesn’t scale.  
 

check out my demos in this thread.