Streaming live at 10am (PST)

When page finishes loading -> Set overflow to visible after delay

Hi all,

I´m looking for a custom code snippet which achieves following:

When Webflow starts the animation at “When page finishes loading” set .body {overflow: visible}; after a delay of 1 second.

I really hope some code ninja can help me out here …

Wouldn’t a div showing/hiding with interactions do the same? Just wondering the use case here.

Hi @aaronocampo

I have a very special loading animation where some overlays have to align pixel perfectly onto each other for a seamless transition. When the screen is loading and you scroll, it won’t align any more. So I wanna shut down scrolling during this time. To Hide/Show a .content-wrapper Div won’t work in this case unfortunately.

I don’t fully understand what you’re trying to achieve here but what if you wrap all the content of your page in a div and set that div to not show until your loading animation finishes? Just trying to come up with ideas with the information I have, maybe sharing an example or what you have so far could help.

I´m not allowed to share a public link, sorry… :face_with_head_bandage:
To Hide/Show a .content-wrapper-div won’t work in this case unfortunately to shut down scrolling.

The script should do following:

  1. Wait until my animation gets fired which lies at webflows “When page finishes loading”.
  2. Wait 1 second until animation has finished.
  3. Set .body overflow to visible.

Or in other words: wait until my animation from “When page finishes loading” has finished and then set .body overflow to visible.