Hide header and sub header on scroll

What I think would be a cool interaction is as a user scrolls down the header hides.
To see an example of what I mean look at the Facebook app.
As the user scrolls down, the header kind of slides up. Then when the user scrolls back up it slides back down and becomes visible.

Any idea on how to achieve this effect?


I would like to do something like this too.

ya I really don’t know how to achieve this. The main issue, is that I don’t know how to watch the scrolling action. If I know how to do that, then the rest would be pretty easy. But as of now, there is no way to determine if the user is scrolling at all (at least none that I know off)

This sounds like it would be a great feature to have in the core. What do you think @adam?


Any news on this? I’d really like to archive that effect.

sorry man, none on my part.

would be a very good interaction if we can fix that …any suggestions

here is a codepen.