Jump to content
GreenSock

Search In
  • More options...
Find results that contain...
Find results in...
Thomas Günther

ScrollTrigger + FLIP to fixed position

Recommended Posts

I'm trying to set up a button that moves to a fixed positioning (top right) when scrolling. Easy enough with FLIP and ScrollTrigger, I just have an issue with how the animation looks when moving from relative to fixed positioning. It looks like it immediately moves to the top (fixed positioning?) and animates to the top right from there. It looks fine the other way around.

I already tried adding the position property to props, both in getState() and Flip.from() — didn't help. I also noticed the same issue on this official pen when the viewport can be scrolled and the button is not at the very top: 

See the Pen rNMBXxb by GreenSock (@GreenSock) on CodePen

A few weeks (or months?) ago there was a thread about this with a similar call to action button but I can't find it via the search or Google.

Thanks for any help!

See the Pen abwNpYz by medienbaecker (@medienbaecker) on CodePen

Link to comment
Share on other sites

3 hours ago, Thomas Günther said:

A few weeks (or months?) ago there was a thread about this with a similar call to action button but I can't find it via the search or Google.

 

I don't remember which thread you are referring to, but was there a fix for the issue?

 

But this looks like it might be a bug. Please standby while we investigate.

 

  • Like 1
Link to comment
Share on other sites

10 minutes ago, OSUblake said:

I don't remember which thread you are referring to, but was there a fix for the issue?

I'm not sure if there was a fix. Curiously there's this pen that doesn't have the issue: 

See the Pen mdPvzxJ by GreenSock (@GreenSock) on CodePen

Link to comment
Share on other sites

@nico fonseca Thanks, that's interesting! I also compared the pens but didn't try the fixed width/height. It looks like it's a bug indeed.

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