🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL
  1. Home
  2. jQuery Plugins
  3. Smooth Auto-Hide Header Navigation with jQuery and CSS3

Smooth Auto-Hide Header Navigation with jQuery and CSS3

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.

sticky-navigation
Tutorial

You May Also Like

jQuery Plugin To Hide Sticky Navbar When Scrolling Down - Scroll Up Menu

Responsive Sticky Navigation Menu Plugin with jQuery and CSS3 - Pagescroll Menu

jQuery Plugin For Sticky Navigation Bar On Scroll - Sexy Menu

jQuery Plugin For Responsive Sticky Header Navigation

jQuery Plugin For On-demand Sticky Header Navigation

Sticky Navigation Bar with jQuery and Bootstrap

Shrinking Sticky Navigation Bar with jQuery - prettySticky

Smooth Auto-Hide Header Navigation with jQuery and CSS3

Show/Hide Sticky Navigation with jQuery and CSS3

Minimalist Sticky Header Navigation Using jQuery and CSS

Minimal Auto-hide Navigation Bar with jQuery

Responsive Auto Show/Hide Toggle Menu with jQuery

Responsive Sticky Side Menu Plugin For jQuery - Bamboo.js

Auto Shrinking Header Navigation with jQuery and CSS3

jQuery Based Sticky Navigation with Smooth Scroll Support - stickynav

Responsive Sticky Header Plugin For jQuery - Fixed Header

Tiny Stackable Sticky Menu Plugin For jQuery - stickymenu.js

jQuery Plugin For Fixed Navigation Based On Scroll Direction - Semi-Sticky

Auto Hide / Reveal Element On Page Scroll - scrollAway.js

Lightweight jQuery Sticky Navigation With Scrollspy - Stickymenu.js

Minimal Expanding Hamburger Menu With jQuery - Hamburger Nav

jQuery Plugin For Smart Sticky Header On Scroll - jPinning

Mobile Friendly jQuery Stick Element Plugin - StickyComponent

Medium Style Sticky Unveiled Navigation with jQuery

jQuery Plugin To Diff Menu Text And Image Colors - Paralax Menu

Auto Show/ Hide Sticky Header Plugin With jQuery - stickEmUp

Auto-sliding Fixed Top Navigation With jQuery And CSS

Smart Header Navigation Plugin With jQuery - Toggle NavBar

Basic Sticky Header Navigation Plugin For jQuery - StickyNav

Smart, Sticky, Responsive Navigation With jQuery And CSS3

jQuery Plugin To Auto Show Site Navigation On Scroll Up - topbar

Auto Show / Hide Elements On Scroll Using jQuery - navToggle

Minimal One Page Scroll Mockup With jQuery - smooth-scrolling

jQuery Plugin For Fixed Bootstrap 4 Nav With Smooth Scroll - navbar-fixed.js

jQuery Plugin To Auto Show / Hide Site Header - cb-slideheader.js

Lightweight Responsive Sliding Menu Plugin with jQuery - F1-Nav

Smart Top Fixed Navigation Menu Plugin With jQuery - scrollmenu

Smart Auto Show/Hide Bootstrap Navbar - jQuery navstrap

Simple Sticky Header Navigation With jQuery

Smart Top Navigation For Long Web Page - jQuery smartMenu

Shrink Sticky Header Nav On Scroll With jQuery And CSS3

Sticky Mobile-friendly Navigation Menu With jQuery

Responsive Sticky Navigation Plugin For jQuery - Simple Menu

Smart Sticky Header Hamburger Navigation Plugin - jQuery mhead

Sticky Navigation With Smooth Scroll And Scroll Spy - jQuery sticky-nav

Fixed Morphing App Navigation - Droplet Menu

Smart Responsive Sticky Navigation Menu With jQuery - stickyNav.js

Awesome Sticky Element Without Content Jumping

Fancy jQuery Sticky Navigation with CSS3 Animations - stickyNavbar.js

jQuery Plugin For Responsive Sticky Site Header - Stickable

Responsive Fixed Dropdown Menu Plugin With jQuery

jQuery Plugins

AngularJs Plugins