nag.shankar6

Thank you so much @OSUblake that worked!

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?

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?

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})