JavaScript Conflict with load animations and scroll events

[vinnybear]

In the hero (1st) section of https://genesisstudios.net, there are animations for loading the elements. There are also scroll effects attributed to each one, and they are causing a conflict. I believe it is because when the page loads, the scroll events listener can tell that the elements are already in a certain position in the viewport that would have them produce an effect. I would think that if I could delay the listener from listening for the 1000ms that it takes for the load animations to complete, that the conflict would be gone.

So - how can I delay the scroll events listener from listening for 1000ms?

 

[darioK]

Can you post some code?

 

[vinnybear]

Can you post some code?

Sorry! I wouldn't know what to post. I build sites in WordPress with Divi and only code to supplement for getting the desired results.

I just didn't know if there was a global way of disabling or delaying the scroll events listener.

 

[darioK]

Did you try adding the setTimeout function in the event listener?

 

[vinnybear]

Did you try adding the setTimeout function in the event listener?

I haven't (because I would need help with the coding).
Is there a global way to do that?
Thanks for responding @darioK

 

[darioK]

Unfortunately there is no global way to delay your event listeners.