Jump to content
Search Community

Page scroll up after Gsap Flip Animation

Studio Gusto

Go to solution Solved by GreenSock,

Recommended Posts

Posted

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

  • Solution
Posted

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
Posted

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

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