Fade in HTML sections on scroll in GSAP Posted March 17, 2016 Hi, I'm trying to animate in HTML sections containing some content on scroll using scollmagic but all my sections are being animated at the same time. See codepen i've created. I'm very fresh with JS so likely i've overlooked something or its not possible the way I'm implementing it. My idea is that each section shares the same animation, but just fired as and when it comes into the viewport. Clearly i've missed something. Hope someone can help. Thanks. See the Pen LNxOoY by mikefoster (@mikefoster) on CodePen
Fade in HTML sections on scroll
in GSAP
Posted
Hi,
I'm trying to animate in HTML sections containing some content on scroll using scollmagic but all my sections are being animated at the same time.
See codepen i've created.
I'm very fresh with JS so likely i've overlooked something or its not possible the way I'm implementing it.
My idea is that each section shares the same animation, but just fired as and when it comes into the viewport.
Clearly i've missed something.
Hope someone can help.
Thanks.
See the Pen LNxOoY by mikefoster (@mikefoster) on CodePen