hide scroll behaviour during loading

Hello @benny0

Could you please indicate the link to the page to check the scrolling issue in detail?

Best regards.

Hi, I would like to send you the link but I don’t want to share the link of my site here, I am working for a client. I hope you understand.

Can I send it to you in another way?

Thank you

Hello @benny0

Please, follow the instructions below:

Enter the following piece of code through the menu option “Appearance > Customize > Additional CSS”:

body{height:100%;width:100%;overflow:hidden;}

Our plugin triggers the loadingScreenCompleted event after loading the page and completing the additional time interval you assign the loading screen. So, you must enter the following piece of code into a script you know the theme loads:

<script>
jQuery(document).on('loadingScreenCompleted', function(){
jQuery('body').css('overflow', 'auto');
});
</script>

Best regards.

I’m going to try and I will let you know

Thanks for now!

Seems not working, I can still scrolling when the loader is loading.

I don’t have Plugins that adds functionalities but I have GSAP JS for animations and Lenis JS for Smooth Scrolling.

Let me know if this can be a problem.

Many thanks

Hello @benny0

The style definition body{height:100%;width:100%;overflow:hidden;} hides the scrolls in the body tag. But I don’t know your page’s structure.

I don’t know if your website loads the tags directly on the body or uses a container (like a DIV tag) to contain the other page’s tags and applies the scroll to the container.

Best regards.