Minimize header with scrolling

Hi all!

I’m trying to do something like this but for mobile:

Twitter app for Android also implements something similar, having a ‘secondary’ header which shows when the user scrolls up and hides when the user scrolls down.

I haven’t seen anything to check the direction of the scrolling but I’m quite a newbie and probably I missed something.

Any help?

Thanks a lot

This should get you in the right direction


hi ,
is there a way to do the same thing in pure javascript or with jquery