Stop scrolling page during scrolling animation

[Vallo]

Hi,
I am new to using GSAP, and would need help creating an effect when scrolling the page.
I would like to recreate a svg animation effect like the one in this official example:  (and so far the example is more than clear).
What I would like to do is to make sure that when you reach the animation section by scrolling the page, the scroll will animate only the svg effect, but do not scroll the page further. Practically once reached the correct section, the scroll must advance only the animation and not the whole page. Once the animation is complete then the normal scrolling of the page can resume.

Can you give me some indication to achieve this effect?

Thanks

See the Pen OJMRYbd by delwinh (@delwinh) on CodePen

[ZachSaucier]

Hey Vallo and welcome to the GreenSock forums. It sounds like you want the pin property of ScrollTrigger. Try setting pin: true in the ScrollTrigger variables. For more info see the ScrollTrigger docs.