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)