Streaming live at 10am (PST)

How to Do a No Scroll Animation?

Hi there!

My name is Carlos and I am currently developing this site:

I have an initial white screen with an animation for only desktop computers, but someone could technically still scroll if they want to. How can I remove the scroll option until the animation has been completed?

Thank you

You could wrap everything that is not the animation in one big section (div) and set it to display:none and height:0. Then add a last step to your anim, affecting this div, passing it to display:box and height:100%. Something like this.

1 Like