shy-navbar - Add "shyness" into your navigation bar.
Navigation bar is a common design asset used widely in web site design. But it is - sometimes - not so handy,
- When it just stucked at top : Scrolling up to the bar in long long page makes me crazy.
- When it had
position:fixed: My phone screen size is not so tall.
Sounds familiar? then just add shy-navbar into your one.
Install
- Need
jQuery. - Download and include shy-navbar.js at the end of your project or wherever you want.
- Call
$("#navbar").shy();. - Change threshold and other variables to suit your taste.
- Done.
Sample
http://lqez.github.io/shy-navbar/
Movite
Facebook mobile app provides a 'quick-accessible' sub-navigation bar contains buttons in their 'news feed' page.
It hides automatically when it scrolled down and appears again if user scrolled up rapidly, even not at top.
( It makes me little bit confused - up-down or down-up, whatever, (sigh). )
License
Distributed under MIT license.