Stacked & Push-up Sticky Headers - Fig in Five - Advanced prototyping
One sticky header is easy but what about getting sticky headers to cover each other or push another out of the way and replace it while you scroll. I'll be taking a look at both these options using layer order and nested auto layouts. Let's get started.
0:58 - Stacking Headers
2:11 - Push-up Headers
UPDATE NOTE: The "Days of the Week" Main header needs to be set to “Sticky (stop at top edge)” also and I skipped that detail. Sorry. If you are trying this yourself and your main header is scrolling away, select the main header, switch to prototype and change Position: “Scroll with parent” to “Sticky (stop at top edge).”