[ScrollTrigger Not working after Barba Transition]

Hi Guys,

I have been having the same problem and I think I figure it out, this worked for me:

Pack all your animations on one single function and call the function once your site load something like:

 

initGsap();

function initGsap(){

// All gsap animations with ScrollTrigger and/or ScrollSmoother

}

 

On barba.js init function place this and on the After hook call you initGsap function:

 

async afterLeave(data) {
let triggers = ScrollTrigger.getAll();
                triggers.forEach(function (trigger) {
                    trigger.kill();
                });
            },
async after(data) {
                initGsap();
            }

 

And that's it, you will remove the scrollTrigger methods and then reload all your animations.

Hope that helps

 

(sorry for my bad english)