Jump to content
Search Community

Scrolltrigger not working ?

blopiblop test
Moderator Tag

Go to solution Solved by blopiblop,

Recommended Posts

// 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

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 account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...