How to create consecutive pins with different timelines
I am creating an animation where the viewpoint moves deeper as you scroll.
However, there is a white margin while scrolling until the timeline pin is disabled, and the next timeline pin is enabled.
Can I move the next timeline to the top of the page the moment the pin is disabled to make it appear as if it is continuously moving backward?
Also, if you click on the "TIMELINE2" link after clicking on the "TIMELINE3" link, the content disappears.
I would app
Hi @GRITz Thanks this is a much more easy to digest demo.
I've restructured your HTML and CSS to how I would build it. I've stacked all your sections right on top of each other with CSS. I've removed fixed elements from your CSS because I find it easer to let GSAP handle that if needed. I've copied your numbers and add them to each section.
And then I just focused on the animation at hand. I've changed some of your .fromTo() to .from() or .to(), because GSAP is smart an
