[Using ScrollTrigger in Single Page Applications]

Thank you so much @OSUblake that worked! 

[Using ScrollTrigger in Single Page Applications]

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?

[Multiple GSAP timelines with scrollTrigger]

Hey @Cassie ,
Thank you for the response! I've noted the above points.
My question was i'm using GSAP Timeline + scrollTrigger twice to each 2 different things, in the above code, once i use it for Horizontal scrollling and again using it for scroll to reveal kind of animation. 
 

let tl = gsap.timeline({
  scrollTrigger: {
    //using this for horizontal scrolling
  }
}) 

let tl2 = gsap.timeline({
scrollTrigger:{
    //using this for scroll reveal kind of animation
  }
})

Is it okay to use multiple timelines(with scrollTrigger) OR is there a way to combine both into single block of code?
 

[Multiple GSAP timelines with scrollTrigger]

I'm new to Greensock and it's amazing, i decided to use GSAP with scrollTrigger plugin for one of my project, my question is - how do we use multiple timelines with scrollTrigger plugin, i have done it like below and it works, is there any better way to do it? 
    

let sections = gsap.utils.toArray(".big-row");

let tl = gsap.timeline({
  scrollTrigger: {
    trigger: ".horizontal-container",
    pin: true,
    scrub: 1,
    snap: 1 / (sections.length - 1),
    end: () => "+=" + document.querySelector(".horizontal-container").offsetWidth
  },
  })
tl.to(sections, {
  xPercent: -100 * (sections.length - 1),
  ease: "none"
});

let tl2 = gsap.timeline({
scrollTrigger:{
    trigger:'.present-img',
    start:"top 80%",
    end:"bottom 10%",
    markers:true,
    scrub:true,
    toggleActions:"restart pause reverse none"
  }
})

tl2.fromTo('.present-img',{x:-400},{x:0})