digital_designer

Can confirm same issue.

Thanks, yeah using a global variable worked. Cheers

I think where im getting a little stuck is that i have my the create script in one file and then the kill script in another file. Therefore, i think what i am needing is a way to search for triggers within a certain container element and kill them all. Not on an individual basis and not based on a variable that may have been set in a separate file.

That does help thank you. so what would then be the best way to kill those triggers? Sorry, somewhat new to gsap.

hi @Visual-Q thanks for the response. However, i have multiple dynamic triggers in my file using the following code gsap.utils.toArray('.first .content__item').forEach(project => { var tl = gsap.timeline({ scrollTrigger: { trigger: project, start: 'top bottom', //markers: true, }, }); tl.from(project, { scale: 0.8, }); }); As such i dont have individual triggers with their own id.

Hi there, This is my first post and my first project with GSAP. I'm using it in conjunction with Barba.js. As barba js basically creates a single page app, im having to kill and reinitialise my scrolltriggers on each page load so that they dont keep getting initialised on top of each other. Im doing this with this code: ScrollTrigger.getAll().forEach(t => t.kill()); This is working. However i also have some scrolltriggers that are outside of my barba container (eg, inside the footer that remains constant and does not reload). These are also being killed within the above code and i need them not to be. So i believe that what i need to do is only kill the scrolltriggers contained within my barba container but not the ones outside of the barba container. Can i do this by targeting all scrolltriggers within a container div that has an id? thanks for any help