[Scrolling within layered pinned panels]

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?

See the Pen ZEvoVJE by scottnj (@scottnj) on CodePen

[Is it possible to Tween a FLIP animation for use in ScrollTrigger with scrubbing?]

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!

 

See the Pen vYppeBE by scottnj (@scottnj) on CodePen

 

 

[Flip.from() after timeline animation completes causes jump]

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!

See the Pen JjMMdjq by scottnj (@scottnj) on CodePen

 

 

[Flip.from() after timeline animation completes causes jump]

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.

See the Pen GRyObez by scottnj (@scottnj) on CodePen