Keep position/progress of scrub animation on resize
Hi, I'm trying to animate cards on horizontal scroll inside a dom element (not the viewport):
I have a single timeline and a scrolltrigger with a dom element (container) as scroller.
The animation of the cards works with the scrubbing perfectly, but when I resize the screen, the start position for the animation
seems to shift and offsets the whole thing. I tried setting a function for the start value, and tried with the infos on the following thread,
but I can't seem t
Hey Hugo. Thanks for the minimal demo
First off, you're making one of the most common GSAP mistakes: not setting all your transforms with GSAP for elements that you're animating with GSAP.
Second, you need to either set a trigger for your ScrollTrigger or set the start and end based on the scroll length of your scroller. I opted for the second option in the demo below.
Third, you need to add some code to try and keep track of the progress. I assume you trie
