Menu icon Foundation
Hide & Show TopBar on scroll (w/demo)

Hey folks,

I had a need for a topBar that would hide when scrolling down and show when scrolling up, so I put up a github repo with a working example. Feel free to use, abuse, improve :)

Here's the repo:
https://github.com/pixelspring/SlideUpTopBar-for-Foundation

And here's the demo:
http://pixelspring.github.io/SlideUpTopBar-for-Foundation/

topbarscrollheaderHideShownavigation

Hey folks,

I had a need for a topBar that would hide when scrolling down and show when scrolling up, so I put up a github repo with a working example. Feel free to use, abuse, improve :)

Here's the repo:
https://github.com/pixelspring/SlideUpTopBar-for-Foundation

And here's the demo:
http://pixelspring.github.io/SlideUpTopBar-for-Foundation/

Rafi Benkual almost 5 years ago

Awesome! Can't wait to try this out!

Nic Edwards almost 5 years ago

Nice stuff. Thanks a lot!

Arthur de la Rocha almost 5 years ago

Awesome! Would be cool to add a couple options for this. Thanks for sharing Mike!

Preston McPeak almost 5 years ago

Oh this is totally sweet! I think this would work great in the Foundation code, you should make a pull request!

Luiz Lidio almost 5 years ago

AWESOME BRO! Tnks for share Mike!