scottnj

I am trying to use the layered pinning example where some panels will have content greater than the viewport height. See the orange panel in the example. I want the panel height to be 100vh, and the content inside it to scroll while the panel is pinned. Are there any examples that cover this use case?

I have Flip working with ScrollTrigger scrub. Here is a CodePen example for anyone else is trying to figure it out. It turned out to be easier than I expected. gsap is awesome! https://codepen.io/scottnj/pen/vYppeBE

Excellent! That makes sense and fixed the animation. Adding absolute: true made the header cover the main content area. Adding main to the Flip.from() seems to fix that issue. Thanks! https://codepen.io/scottnj/pen/JjMMdjq

I have an intro animation timeline that works great. The onComplete of this timeline then calls a function that uses Flip.from() to animate my header and brand from fullscreen to a normal top nav bar. After I use Flip.getState() I remove my ".big" class from my header, then use Flip.from(). When I remove the ".big" class from my header, it causes a jump in the animation. Is there a better way for me to accomplish this? I can't figure out how to get rid of the jump.