Jump to content
GreenSock

Search In
  • More options...
Find results that contain...
Find results in...
ady

GSAP tween max Bezier plugin issue

Warning: Please note

This thread was started before GSAP 3 was released. Some information, especially the syntax, may be out of date for GSAP 3. Please see the GSAP 3 migration guide and release notes for more information about how to update the code to GSAP 3's syntax. 

Recommended Posts

I am getting a strange problem, i am animating a simple DIV along a Bezier path using scrollmagic. Everything is working fine, however when i reach the end of the animation, The pinned element which it is in, does a big jump. I have troubleshooted for hours and tied it down to the transition of when the animation is running it is using Translate3D property, then when it finishes, it quickly jumps to matrix property. It would appear that this switch in properties causes my page to jump. Is there anyway to stop the matrix property being applied, because the object stays where it is supposed to if i use translate3d to the last coordinates of the animation.

Link to comment
Share on other sites

Hi and welcome to the GreenSock forums,

 

It always helps to see a demo, but you might want to try setting false3D: to false on your tween.

 

TweenMax.to(obj, 1, {bezier:{... }, force3D:false});

 

See the Pen mBbRKL?editors=1010 by GreenSock (@GreenSock) on CodePen

 

 

https://greensock.com/docs/Plugins/CSSPlugin#force3D

  • Like 1
Link to comment
Share on other sites

you are a superstar! been frustrating me all day and it all came down to a simple property ! faith restored in GSAP, Thank you Carl!

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