https://github.com/eduardomb/scroll-up-bar

sample:
http://eduardomb.github.io/scroll-up-bar/

I found this small great script that makes the menu appear when the user scrolls up. Keeps the page clear until the user needs the menu.

I was able to get it to work in RSD but I couldn't figure out how to apply the
$('#topbar').scrollupbar();
code using the data attributes section.

I added that code inside of the footer area as a script to get it to work but is there a way to add this code inside of an attribute on the menu div? Just wondering if there is a better way to add it besides in the footer section.

Not sure if it would be:
Name: scrollupbar
Value: #topbar
(I tried this but it didn't work)

Cheers!

The reason you need it in the footer is because you need JQuery available first then you call your script.

I think Foundation "Sticky" does this also....

http://foundation.zurb.com/sites/docs/sticky.html

Ok, that makes sense, Eric! I don't mind having it in the footer, just kind of wondering if there was a better place for it.

Sticky, looks cool, TS. I didn't see a setting that made it appear only on an upscroll but I'll look into it more.

Cheers guys!

Jeff, I see your point on Sticky not working on scrollup......my bad !

I have run across another header hide called headroom.js. Looks interesting too but hard to beat your one line of code !

Yeah, I was pretty happy that it was so small and easy to implement into RSD!

I always thought the reveal on scroll-up was a nice UI feature.