Hide header on scroll


Im looking to hide the header bar when the scroll position reaches a certain point, (example > 30px hide header / < 30px show header) similar to this image.

Any help appreciated!


This posts from joshmorony should help if you follow them well.


Second Post

Help with creating headers