Hid nav bar at certain point when scrolling down page

Quick question,

I am attempting to have the header / navbar hide after a person scrolls past the hero landing image that is taking up the Viewport. To it will stay visible till they scroll down the page a bit.

Thanks for the help