Transition between pages only works the first time

[jamaldols]

Hey, I'm pretty new at this GSAP thing. I've never made a transition between pages so I don't know the best way to do it. 

In my animation everything works fine the first time, but from then on it doesn't work the same. 

I know I should reset the animation to its initial state, but I don't even know where to start.

Thanks in advance

 

https://codepen.io/JamalDols/project/editor/AOmBar

See the Pen AOmBar by JamalDols (@JamalDols) on CodePen

[Shrug ¯\_(ツ)_/¯]

Hi @jamaldols welcome to the GreenSock forums.

 

This seems more like a Barba related question than GSAP. But have a look at this recent post and the linked CodePen project using GSAP 3 & Barba 2.

 

https://greensock.com/forums/topic/22035-page-transition-with-gsap-and-barbajs/?do=findComment&comment=110399

 

Fork that and try building your desired result based upon that example, utilizing its a approach of leaveAnimation & enterAnimation to build your concept. Also you shouldn't need that helper.js delay function with the above approach.

[jamaldols]

Thanks for the information SHRUG, I'll take a look at the other thread!