Jump to content
GreenSock

Studio Gusto

Page scroll up after Gsap Flip Animation

Go to solution Solved by GreenSock,

Recommended Posts

Hi, i tried to use, Gsap Flip to filter a grid of elements.
The filter is inserted in the page in a fixed position so I can filter the grid from any position of the scroll.
The strange thing that happens is that if I filter the grid with the scroll positioned at the bottom of it, the page will be scrolled up.
I also tried to give a fixed height to the grid container, to avoid the bug, but the same thing happens.
Is it a problem with Flip or am I using it wrong?

https://codesandbox.io/s/shy-fire-3j0xc5

Link to comment
Share on other sites

  • Solution

I'm not a React guy, but isn't your project doing exactly the same thing even if you completely remove Flip/GSAP? In other words, isn't this a React thing, unrelated to GSAP/Flip? 

  • Like 1
Link to comment
Share on other sites

You're right, without Flip the same thing happens, the problem is related to the re-rendering of all elements caused by React

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