I want to create a pre-header on a site much like your here

I want to create a pre-header on a site much like your here on this site, where once the visiter scrolls down to section/ row 2, the pre-header moves out of view (fixed parallax) and the primary menu comes into view and once the pre-header hits the top of the browser, it is sticky and remains...much as yours does.
I am using a theme where all of this exists EXCEPT the pre-header.
Do you have a plugin or coding available that would help me create this?