Demo: See it in action
Customize: Make your custom code here
Based on sites like the current homepage of flowdock.com and similarly the way the Google Search app acts on iOS, this small js snippet aims to help you grab the header on you HTML page and only show the header when the user has scrolled past 600px, and only when the user scrolls up. When the user start scrolling down it will slide up again often at the same rate the user scrolls.
It uses .animate in jQuery to make the whole script slide off the top of the screen.
- jQuery (0.7+)