[Scroll Trigger Animation works only after reloading the page]

@Cassie
you're right, it really is a bit frustrating. But thanks for the help.😉

 

@Mikel
thanks for all the examples. Great support! I will test if I can get further with it.

What irritates me and what I never had before is that it just works 100% after the reload. The size of the page changes after a certain point with the scroll animation and I don't quite understand why. 

 

Greetings and thank you
Carsten

[Scroll Trigger Animation works only after reloading the page]

Thank you both for the help.
I'm trying to figure out the differences as you wrote.

 

If I don't get anywhere, I'll try again to create a pen.

 

Thanks and have a nice day!

[Scroll Trigger Animation works only after reloading the page]

Hello and thank you for the quick feedback,

 

I had tried to create a pen for this problem, however the error appears only on the live site with Wordpress and DIVI (Theme). 

 

What I see in the meantime is that the page is bigger after the reload than when it was first loaded.

This causes the animation to display correctly after the reload. 

 

However, I have not been able to figure out what elements it is and how to prevent it.

 

If anyone has any ideas about this, it would help me a lot. 

 

However, the error is of course not in GSAP in particular.

 

Greetings

Carsten

[Scroll Trigger Animation works only after reloading the page]

Hello all,

 

I have a problem with an animation on the website (deleted).  

 

The key on the page should move down to the lock. When the key gets to the lock, a closed lock fades out and an open one fades in.

Unfortunately, despite the jQuery(document).ready function, this effect only works after the web page has been refreshed.  

 

On the first load the effect starts much too early, so that it is not visible.

 

I hope someone can help me here. I'm a bit at a loss right now.

 

Greetings

Carsten