stop scrolling while animation play

[zhewar]

Hi, I have this animation when the page load, when I scroll while the animation play it mix the design with other section, I want to stop the scrolling till the animation end, or stay in first section till the animation end the user can scroll down 

Note: I have replaced my real image with those blue circles.

See the Pen LYdgyRw by zhewar799 (@zhewar799) on CodePen

[GreenSock]

There are many ways you could do this. Probably the simplest one is to set the body's overflow to hidden initially. Then in an onComplete of your initial animation's timeline, set it back to "auto". Sorta like this: 

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

 

Happy tweening!