Scroll Page while Preloader is on

Design help General
1

Hi All,

When implementing a preloader based on the tutorial (Build a custom preloader - Webflow interactions & animations tutorial - YouTube), I find that I can scroll down (with the mouse wheel) while the preloader is on. When the preloader goes off, I could be down on, say, section 3 of the site.

Looked around and realised the same things occurs in @Waldo’s Epicurrence build.
(See: http://epicurrence-build.webflow.io)

Any idea if there a way to disable scrolling while the preloader is on?

Cheers

2 Likes
2

Hello @5kSab

One way to do it is to wrap everything in a div called .page-content-wrap or just .main, and display none until the animation is completed, then back to display block.

Hope this helps

Piter :webflow_heart:

2 Likes
3

Hi @PeterDimitrov ,

Wow. Works like magic!
Now that I look at it, it makes so much sense. At that time, it just didn’t occur to me. I guess that’s part and parcel of Webflow, isn’t it?

Thank you so much! For this, and for the rest of the help that you provided me without knowing (through other forum questions).

Cheers!

1 Like
4

No problem! Sometimes the solution is right there, but we need some fresh eyes :smile:

Have fun! :webflow_heart:

5

It works and its unnoticeable when the content on your pages is not too heavy.
Unless preloader takes into account content that is at display-non.