Jump to content
Search Community

ScrollTrigger: transition slows down at the end

nikomax test
Moderator Tag

Go to solution Solved by mvaneijgen,

Recommended Posts

Hello! Thank you GreenSock team for this wonderful product!

I have a problem with moving elements inside pinned container. Transition is much slower at the end of animation(you can see it in codepen example). If you scroll with the mouse wheel, this problem becomes very evident.

Thank you!

See the Pen BaxeOVv by nikomax (@nikomax) on CodePen

Link to comment
Share on other sites

  • Solution

Hi @nikomax welcome to the forum!

 

This is because GSAP tweens have a default ease of "power1.out" and thus will start fast and slow down at the end (see the ease visualizer) adding ease: "none" to your tween will remove it and will have a constant linear animation! I've made a mental note that as soon as I do something with ScrollTrigger I always set the ease to none, I can always tweak it later. 

 

See the Pen NWMVEMy?editors=0010 by mvaneijgen (@mvaneijgen) on CodePen

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