Sticky header

I am creating a prototype with 2 header bars -

̆̆Bar #1 (on top) is the program shell, which cannot be removed. 

̆Bar #2 (immediately underneath bar #1) is the site logo header / menu bar. 

The page content underneath is in a scrollable container and scrolls beautifully. 

I would like to build my prototype so that when the user begins to scroll, the logo header / menu bar sticks at the top of the screen and the program shell bar disappears until the page is scrolled back to the top of the content, then reappears above bar #2. 

I am brand new to Proto.io and haven't seen any examples, webinars or online guides which walk through this.

Thanks in advance for the help.  

1 comment

Please sign in to leave a comment.