🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

Auto-sliding Fixed Top Navigation With jQuery And CSS

A minimalist jQuery fixed top navigation script that auto hides the menu on scroll down but slides it out again on scroll up.

sticky-navigation

Download Tutorial

Documentation

scroll-hide-menu

Very minimal scroll hide jQuery. Hide on scroll down. Reveal on scroll up.

June 17th Updates

-added throttle snippet from underscore.js library to cut back on scroll events.

-added scrolltop function to prevent Safari's bounce behavior from rolling menu up on return to top of page

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