blopiblop Posted April 30, 2021 Share Posted April 30, 2021 // Anim Project let tlproject = gsap.timeline({ScrollTrigger : { trigger:".category-button",start:"bottom bottom",}}); tlproject.from(".category-button", {x:200, opacity:0,duration:0.2,stagger:0.1,ease:"slowMo"}) tlproject.from('.portfolio_gallery', {opacity:0,duration:2,ease:"linear"}) Hi everyone, I can't understand why the scrollTrigger is not working, the animation start on load instead of scroll ? This one without using timeline is working well on the same page : gsap.from(".ctn-image", { scrollTrigger:{ trigger:'#contact', start:"top center", toggleActions:"restart none reverse pause" }, y: 500, ease:"powerIn", opacity:0, duration:1, }); Link to comment Share on other sites More sharing options...
Solution blopiblop Posted April 30, 2021 Author Solution Share Posted April 30, 2021 I used Scrolltrigger insead of scrolltrigger. (sorry can't find how to delete the post) Link to comment Share on other sites More sharing options...
GreenSock Posted April 30, 2021 Share Posted April 30, 2021 No problem, @blopiblop. It's actually helpful to have these posts here because other people may run into a similar problem and stumble upon this and have their question answered. Thanks for letting us know you resolved 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