WB

Web Bae•2y ago•

6 replies

Chinmay

GSAP Flip flexbox contents jumping (CodePen included)

Hey guys, I'm trying to create an interaction where when you click one of the menu items, it moves to the top of the page (using GSAP's Flip plugin). The issue I'm having however is that since I'm appending it to the

.flip_container

.flip_container

as I've seen in the GSAP docs, it disrupts the flow of the

.menu_wrapper

.menu_wrapper

. Which makes sense of course, but I'd like each of the remaining items in the

.menu_wrapper

.menu_wrapper

to stay where they are.

Here is a Codepen where I've recreated the issue: https://codepen.io/chigggsy/pen/dyLaNWw

CodePenChinmay

Fade'N'Flip™

...