Animate overlay based on scroll

[balocreation]

Hello everyone,

I'm new here and new to GSAP.  I want to animate the overlay and loop the overlay animation on scroll.

See the Pen JjLROgK by olawale-balo (@olawale-balo) on CodePen

[GreenSock]

Do you mean something like this?: 

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

[balocreation]

It didn't work perfectly, the next section create spaces on scroll. 

[Cassie]

Hey there @balocreation - these forums aren't really for sculpting 'perfect' solutions. More for answering questions about the GSAP API or pointing people in the right direction.

If you elaborate a bit and provide a demo showing what is wrong, maybe we can help though?

[GreenSock]

Like @Cassie said, it's very difficult to understand what you mean by "the next section create spaces on scroll". Maybe it's a matter of setting pinSpacing: false on your ScrollTrigger. If you'd like more help, please make sure you provide a minimal demo and a clear explanation of the problem and we'll do our best to answer any GSAP-specific questions.