Jump to content
Search Community

ScrollSmoother with Stagger and Timeline doesn't work

Alex.Marti test
Moderator Tag

Go to solution Solved by akapowl,

Recommended Posts

Hello,

 

I'm using ScrollSmoother with a combinaison of Timeline, SplitText  and ScrollTrigger.

 

As you can see in my codepen, the text is poping without the animation with the Timeline. But if I remove the Timeline and just put a simple Tween, it works perfectly.

 

What did I miss in my code?

 

Thanks,

 

Alex

See the Pen KKxVBBQ by iamalexm (@iamalexm) on CodePen

Link to comment
Share on other sites

  • Solution

Hello Alex.

 

In timelines the scrollTrigger object does not belong on individual tweens of the timeline, but on the timeline itself; not doing so is one of the most common ScrollTrigger mistakes. You can read more about it in the linked article.

 

Also I would suggest to just use your "-30" as a number instead of a string.

 

See the Pen XWPXPqJ by akapowl (@akapowl) on CodePen

  • Like 2
  • Thanks 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...