A tutorial about hiding header on scroll down and showing it on scroll up. You don't need to scroll top of page for menus on header with this navigation.
Headhesive.js creates an on-demand sticky header. Specify where you want your header to become fixed and the rest is magic. It's a standalone JavaScript plugin with no dependancies.
Headroom.js is a lightweight, high-performance JS widget that allows you to react to the user's scroll. The header slides out of view when scrolling down and slides back in when scrolling up.