akapowl Posted September 1, 2021 Share Posted September 1, 2021 You can check the locomotive-scroll example on the .scrollerProxy() documentation page. // --- ORANGE PANEL --- gsap.from(".line-2", { scrollTrigger: { trigger: ".orange", scroller: ".smooth-scroll", // <--- This needs to point to the container that locomotive is 'scrolling' on scrub: true, pin: true, start: "top top", end: "+=100%" }, scaleX: 0, transformOrigin: "left center", ease: "none" }); or set defaults beforehand for all your STs ScrollTrigger.defaults({ scroller: '.smooth-scroll' // <--- This needs to point to the container that locomotive is 'scrolling' }); 1 Link to comment Share on other sites More sharing options...
DanyyPoch Posted September 1, 2021 Author Share Posted September 1, 2021 3 hours ago, akapowl said: You can check the locomotive-scroll example on the .scrollerProxy() documentation page. // --- ORANGE PANEL --- gsap.from(".line-2", { scrollTrigger: { trigger: ".orange", scroller: ".smooth-scroll", // <--- This needs to point to the container that locomotive is 'scrolling' on scrub: true, pin: true, start: "top top", end: "+=100%" }, scaleX: 0, transformOrigin: "left center", ease: "none" }); or set defaults beforehand for all your STs ScrollTrigger.defaults({ scroller: '.smooth-scroll' // <--- This needs to point to the container that locomotive is 'scrolling' }); Thank you, id don't understand why I have this error Link to comment Share on other sites More sharing options...
OSUblake Posted September 1, 2021 Share Posted September 1, 2021 That code means you're not loading gsap, or your animation script is before your gsap script. Link to comment Share on other sites More sharing options...
DanyyPoch Posted September 1, 2021 Author Share Posted September 1, 2021 2 hours ago, OSUblake said: That code means you're not loading gsap, or your animation script is before your gsap script. Thank you, do you know why this those elements don't start together? Link to comment Share on other sites More sharing options...
akapowl Posted September 2, 2021 Share Posted September 2, 2021 Is this the same question as in the other thread you created @DanyyPoch? If so, let's keep things within the other thread then, as this thread here has exceeded the orinigal topic already. If it isn't the same question, it would be great if you could create a new thread for that and add a minimal demo. 2 Link to comment Share on other sites More sharing options...
DanyyPoch Posted September 2, 2021 Author Share Posted September 2, 2021 21 minutes ago, akapowl said: Is this the same question as in the other thread you created @DanyyPoch? If so, let's keep things within the other thread then, as this thread here has exceeded the orinigal topic already. If it isn't the same question, it would be great if you could create a new thread for that and add a minimal demo. No, in this case I asked why animation start in different time with same timeline but I solved it. Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now