Free jQuery sticky navigation Plugins
All the Free jQuery Plugins about 'sticky navigation' are listed here.
Stickable is a really simple and cross-browser jQuery plugin which makes your header navigation fixed at the top of the screen on vertical page scrolling.
stickyNavbar.js is a jQuery plugin that makes your navigation stay on top of the window and help you navigate on your one page website with help of smart anchor link highlighting.
The stickyNav.js jQuery plugin makes it possible to create a smart, sticky, mobile-friendly navigation menu for your cross-platform web application.
A multi-purpose jQuery site navigation plugin to create a sticky navigation with smooth scroll and scroll spy functionalities for your single page web application.
mhead is a jQuery plugin used to create a sticky header hamburger navigation for your web application that auto shows/hides as you scroll/swipe the page down or up.
The Simple Menu jQuery plugin lets you create a responsive, sticky, multi-functional, in-page navigation menu for your long webpages.
A sticky, responsive, mobile-friendly header navigation concept that automatically shrinks itself on scroll down and features smooth scroll functionality which makes it possible to scroll through page sections by clicking on nav links.
Tacky is a simple and easy-to-extend jQuery sticky site navigation plugin that supports scrollspy and smooth scroll functionalities.
This is a sticky responsive nav menu built using jQuery and CSS3 that automatically converts the regular dropdown nav into a mobile-friendly off-canvas menu.
This project makes use of jQuery and CSS/CSS3 to create a sticky header navigation that automatically shrinks on page scroll down.
The jQuery smartMenu plugin automatically generates a smart, sticky top navigation for your long web page.
Slinky is a jQuery navigation plugin designed for long web page that stacks the section's headers and makes them sticky at the top of the page when scrolling down.
stickit is a responsive, robust jQuery sticky plugin used to make any elements (headers, sidebars) be fixed on the top while vertical page scrolling.
navstrap is a small jQuery plugin to create a smart Bootstrap navbar that makes the sticky Bootstrap navigation bar auto show/hide as you scroll down or up the webpage.
scrollmenu is an ultra-light jQuery navigation plugin used to create a sticky top menu that hides on scroll down and reveals on scroll up.
F1-Nav is a lightweight jQuery plugin that creates a responsive slide up/down navigation menu with a full page overlay.
cb-slideheader.js is a jQuery plugin that makes your fixed site header auto appear and disappear based on page scroll events.
midnight.js is a cross-platform jQuery plugin used to sublty change your headers to make them match the content as you scroll.
navbar-fixed.js is a very small jQuery plugin used to extend the default fixed Bootstrap navbar component with scrollspy and smooth scroll support.
A minimal one page scrolling website boilerplate with support for scrollspy, smooth scrolling animation and sticky header navigation.
This is a jQuery and CSS/CSS3 based header navigation that will be fixed on the top of the page and auto highlight the current menu item when you scroll past its content section.
navToggle is a jQuery plugin which makes any element (typically header navigation) auto hide at a given distance when scrolling down and reveals it again on scroll up.
topbar is a smart jQuery sticky navigation plugin that automatically displays the site navigation sliding down from the top when you scroll up the webpage.
A fully responsive header navigation that auto shows/hides as you scroll the webpage, and collapses into a hamburger dropdown menu on small screens.
StickyNav is a super tiny jQuery plugin makes your header navigation (or any elements) fixed on the top when scrolling down.
Toggle NavBar is a jQuery plugin for creating a smart sticky header navigation that slides/fades out when the user scrolls down the page and reveals again when scrolling up.
A minimalist jQuery fixed top navigation script that auto hides the menu on scroll down but slides it out again on scroll up.
Just another jQuery sticky header plugin which automatically makes your header navigation show / hide based on the scroll position & direction.
A jQuery Plugin allows you to add spark to your sticky menus by gradually changing its link font colors whenever it reaches images or elements with image backgrounds.
A Medium.com inspired jQuery sticky navigation that automatically disappears as you scroll down the web page.
StickyComponent is a simple yet fully configurable jQuery plugin for making any elements sticky on page scroll that will be auto disabled on small screen devices.
jPinning is a lightweight jQuery sticky header plugin that auto hides while window scrolls down and brings the header back on window scroll up.
A jQuery based sticky hamburger menu where your users can click on the hamburger toggle button to reveal the site navigation with an expanding effect.
Stickymenu.js is a lightweight and easy-to-use jQuery plugin for creating a sticky navigation menu that automatically updates links based on scroll position.
Just another jQuery sticky header plugin which allows you to make any DOM element (typically header navigation) stick to the top of browser window when scrolling down.
scrollAway.js is an ultra-light jQuery plugin which make any element (e.g. a sticky top navigation bar) hide on scroll down and show up again on scroll up.
Semi-Sticky is a jQuery plugin to create a fixed navigation bar that shows/hides part of itself based on scroll direction.
stickymenu.js is a lightweight jQuery plugin that gives you the ability to make any element always stay visible when scrolling down the webpage.
Fixed Header is a simple jQuery plugin that sticks the header navigation to the top of the browser window when scrolling down.
Just another jQuery sticky navigation plugin that features smooth scroll and smart anchor link highlighting.
A sticky header navigation for your website that will auto shrink and expand itself based on scroll position. Built with HTML5, CSS / CSS3 and a little jQuery magic.
Bamboo.js is a tiny jQuery plugin helps you create a responsive, mobile-friendly, sticky toggle menu for your website.
A dead simple jQuery based sticky navigation solution that makes your navigation menu sticky when user reaches it.
A jQuery/CSS solution to create a fixed header navigation that auto hides when you scroll down, however when you scroll up it would show itself again.
prettySticky is a jQuery based sticky header navigation that shrinks to a smaller menu bar with active anchor link highlighting.
A jQuery plugin to create an animated sticky header that hides the top navigation bar when scrolling down and shows it when scrolling up.
A super tiny jQuery plugin for creating a responsive sticky header navigation on-demand for your website.
sexy-menu.js is a lightweight jQuery plugin for creating a sticky top navigation bar containing anchor links which scroll the web page to desired section.
Pagescroll Menu is a jQuery menu plugin for creating a responsive, mobile-aware, animated navigation menu which is sticky on the web page during scrolling.
Scroll Up Menu is a mobile-first jQuery plugin that auto hide the sticky top navigation menu when scrolling down the page, and show when scrolling up. This is really useful for mobile browsers with little space for annoying fixed headers.
Head Shrinker is jQuery plugin that shrinks your website header section and makes it sticky at the top of your web page when scrolling down.
Clingify is a jQuery plugin that makes it easy to create sticky headers and navigation menus for your long web page.
Stacks is a jQuery plugin for creating Apple iOS List-Style Headers that allows the heading for the section to follow the user as the user scrolls down the page.
SMINT is a jQuery plugin that make it easy to create a sticky menu which stays at the top of the page while you scroll down and menu buttons that automatically scroll the page to the section you clicked on.
In this tutorial we're going to create a position fixed header that will changes its size on scroll. The idea is to decrease header's size and the inner elements will adjust their font-size/line height while a certain amount of the page gets