Skip to content

Stagger animation not working when inside fixed element #5271

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
slemontwerpstudio opened this issue Jun 11, 2025 · 0 comments
Open

Stagger animation not working when inside fixed element #5271

slemontwerpstudio opened this issue Jun 11, 2025 · 0 comments

Comments

@slemontwerpstudio
Copy link

I want to put a stagger component on multiple elements that are inside a position:fixed element (three buttons inside a fixed header that I want to appear one by one on page load).

The animation is working on the elements when I put them in an animation group. As soon as I add the stagger component and put the elements inside it, the animation stops working. I eventually found out this was because of the position:fixed wrapper div that contains all these elements. As soon as I set the wrapper to 'relative' the stagger starts working. Is this supposed to be working like this? Would be great if we could stagger elements within a fixed positioned div.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant