Can I pause scrolling for viewers during the loading animation?

Design help Animations & Interactions
1

I have a gif animation that happens when main page loads, is there a way that i can pause the scrolling till its done?
https://test-e2bc16.webflow.io/
https://preview.webflow.com/preview/test-e2bc16?utm_source=test-e2bc16&preview=c01003edb007942e8d0c33f38d776798

Here is my public share link: LINK
(how to access public share link)

2

@Vlad_Kuksenko when I load your test page nothing happens and it also looks like some animations are broken as well.

Please look through your published test page and your share link for errors.

3

Hey Vlad,

Here’s a handy-dandy JS Git to prevent scrolling:

4

I might be working on it while your checking it out but it should look like this.

would you let me knwo how to fix the issues as well? if thats not what your seeing?

5

DesignByDre would you be able to explain where do i plug in the code, I a rookie to coding.

6

I use this piece of code for blocking scroll when a modal has been clicked, could it be re-adapted for a loading animation?

code

'

That would be great as I’d also like to block scroll whilst loading animation is active.

Cheers,