Auto-Hide Sticky Header

samuel Scroll 235 , , , ,

Auto-hide sticky header makes site navigation easily accessible anywhere on the page and saves content space at the same.

Auto-hide means hiding the header automatically when a user starts scrolling down the page and bringing the header back when a user might need it: they reach the bottom of the page or start scrolling up. There are at least two manners of hiding a header: reactive and lazy.

Fixit jQuery plugin can be used to fix the element at a certain position when the webpage is scrolled and Read more

Stickybits is a lightweight alternative to position: sticky polyfills that works perfectly for things like sticky headers. Features: it can Read more

MakeFixed.js is a jQuery plugin to dynamically set up elements to be fixed during scroll. It's lightweight and allows callback Read more

A jQuery plugin to create sticky elements -- worrying how to keep your div at position you want, want to Read more

A tutorial about hiding header on scroll down and showing it on scroll up. You don't need to scroll top Read more

ScrollFix is a jQuery plugin for making an element fixed when it goes out of view.

jQuery.positionSticky is a sticky positioning polyfill for jQuery. Support for display and float properties example and sidebar example included.

ScrollNaviJs is jQuery plugin for fix navigation on top after scroll second section content, actually navigation fix in bottom of Read more

Go