Using ScrollTrigger in Single Page Applications

[nag.shankar6]

Hi Team,

I'm using scrollTrigger for one of my VueJs project, it's great, but i found an issue that the scrollTrigger persists when i switch between components in my single page application, is there a way to kill or remove it when you navigate between components?

[OSUblake]

Hi nag,

 

You need to kill your ScrollTriggers in beforeDestroy() or the equivalent of that if you're using the latest Vue.

 

ex.

ScrollTrigger.getAll().forEach(t => t.kill());

 

 

[nag.shankar6]

Thank you so much @OSUblake that worked!