In this tutorial you will find out how to create a sticky navigation bar that remains fixed to the top after scroll by using CSS and jQuery.
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 browser when we are in first section content.
Auto Fix Anything jQuery plugin will let you automatically fix position of any container on your website with one JS call. The plugin will detect when to fix/unfix the position automatically.
stickUp is a simple jQuery plugin that allows you to designate an element or navigation menu which will stick to the top of the page once scrolled past, and will return to place when scrolled past the other way.
ScrollToFixed is a jQuery plugin that used to fix elements on the page (top, bottom, anywhere); however, it still allows the element to continue to move left or right with the horizontal scroll.
hcSticky is a cross-browser jQuery plugin that makes any element on your page float. It is used for sidebars on long pages, so they can be visible all the time user scrolls down the page, instead of a empty space visitors usually see.
It is also used for floating top menus, emphasizing it to the user at all time.
Sticky-Kit is a jQuery plugin for making smart sticky elements Sticky-Kit provides an easy way to attach elements to the page when the user scrolls such that the element is always visible.
A fixed header that will animate its size on scroll. The inner elements will also adjust their size with a transition.
An animated header that will change its size on scroll. Once a certain amount of the page gets scrolled, the header will decrease its size and the inner elements will adjust their font-size/line height. There are example media queries for dealing with different screen sizes.
Hachiko is a jQuery sticky plugin that allows a relatively positioned element to be stickied onto the screen when the element is scrolled outside of the viewport.
Instead of changing the position of the element on window scroll, this plugin creates a clone of the original element and set the clone to be fixed positioned so the original layout is always preserved.
fixto is a jQuery plugin for sticky positioning. Fix containers to the viewport relative to an ancestor.