Jump to content


Jump on changing position absolute to relative

Moderator Tag

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

Hi All,


Is there a way to make a smooth transition when changing from position absolute to position relative. You can see the jump in the demo.

See the Pen zvNLex by shubhra (@shubhra) on CodePen

Link to comment
Share on other sites

My best suggestion is to rework your code so that everything begins with position:relative.

absolute and relative have drastically different behaviors and I think the only way you are going to smooth-out the change is if you do quite a few calculations so that you can tween to the end position (2nd tween in that loop) while absolute and then immediately set to relative with new values when the tween ends. My gut tells me it will be messy and complicated. 

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