How to hide certain header elements when scrolling?

www.calsharkey.com

I'm wondering if it's possible to hide the 'Galley, Blog, Shop, About' links from my header when scrolling down on my homepage.. I'd like the name and links on the left and right to stay in place (like they do currently) but hide those links in the middle, so that the pictures in the gallery underneath are unobstructed but the name and other links are always visible (only on desktop, I'm guessing this design won't work for mobile).

Thanks for any help!