Flickering with GSAP/barba.js page Transition

[Sveninyo]

Hello,

I made a simple page transition (block reveal) animation with GSAP and barba.js.

The animation works fine, but I have a flickering effect because the new page loads before the "leave" animation is done.

I don't know how to fix this ... maybe a JS wizard could help?

I attached the file.

 

Thanks,

 

page transition.zip

[ZachSaucier]

Hey Sveninyo. That zip file is unavailable. 

 

In general you can fix this sort of thing by making sure that inline styles or a class that hides the content is applied to the new content that's loaded. Then, when you're ready to show it, you can animate it in.