Advertise here

jQuery Plugins Tagged ‘navigation’

Priority Nav Scroller – Horizontal Scrollable Navigation with Controls for Long Contents

June 11, 2018     5352     Scroll
Priority Nav Scroller – Horizontal Scrollable Navigation with Controls for Long Contents

Priority Nav Scroller is a plugin for the priority+ navigation pattern. When the navigation items don’t fit on screen they are hidden in a horizontal scrollable container with controls.

Read More »

Driver.js – JavaScript Engine to Drive Users Focus Across the Page

March 14, 2018     1004     Modal & Overlay
Driver.js – JavaScript Engine to Drive Users Focus Across the Page

Driver.js is lightweight, no-dependency, vanilla JavaScript engine to drive user's focus across the page with animation or without animation.

Read More »

Responsive Sticky Slider Navigation

January 09, 2018     2716     Slider Scroll Responsive
Responsive Sticky Slider Navigation

Navigation bar that sticks as you scroll, animating a slider which indicates the page section you are currently looking at. Written with SCSS, Javascript, and jQuery.

Read More »

Expanding Bar Navigation Concept with Javascript

March 24, 2017     1059     CSS3 & CSS Animation
Expanding Bar Navigation Concept with Javascript

An experimental tab-like navigation concept where a content area is opened with an animation once an item is clicked.

Read More »

Scroll To Top Then Fixed Navigation Effect With jQuery and CSS

January 15, 2017     4428     Menu Scroll
Scroll To Top Then Fixed Navigation Effect With jQuery and CSS

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.

Read More »

Offcanvas – Accesible Offcanvas jQuery Plugin

January 04, 2017     3002     Menu
Offcanvas – Accesible Offcanvas jQuery Plugin

OffCanvas is a lightweight, flexible jQuery off-canvas navigation plugin which lets you create fully accessible sidebar or top/bottom sliding (or push) panels with keyboard interactions and ARIA attributes.

Read More »

Stripe.com Navigation with CSS and jQuery

October 16, 2016     2860     Form Elements Animation
Stripe.com Navigation with CSS and jQuery

A morphing dropdown that animates according to the size of its content by using css and jQuery as seen on stripe.com website. 

Read More »

Bootstrap 3 Sidebar Navigation

October 11, 2016     15771     Menu Bootstrap
Bootstrap 3 Sidebar Navigation

A tutorial about creating awesome sidebar navigation with Bootsrap 3 and jQuery.

Read More »

Auto-Hiding Navigation with CSS and jQuery

July 15, 2016     2257     Scroll
Auto-Hiding Navigation with CSS and jQuery

A simple navigation that auto-hides when the user scrolls down, and becomes visible when the user scrolls up.

Read More »

okayNav – jQuery Responsive Navigation Plugin

February 20, 2016     6677     Menu Responsive
okayNav – jQuery Responsive Navigation Plugin

okayNav is a jQuery plugin to create responsive navigation that aims at progressively collapsing navigation links into an off-screen navigation instead of doing it for all the links at the same time

Read More »

Vertical Fixed Navigation

January 07, 2016     3006     Scroll
Vertical Fixed Navigation

A tutorial about creating smart vertical navigation, with round indicators that turn into labelled icons when the user interacts with them.

Read More »

Stretchy Navigation with CSS and jQuery

November 18, 2015     3487     Menu
Stretchy Navigation with CSS and jQuery

Stretchy Navigation is a rounded navigation trigger that stretches on click/tap to reveal the navigation items.

Read More »

Greedy Navigation

November 16, 2015     7380     Menu Responsive
Greedy Navigation

GreedyNav is a responsive navigation menu that stacks items into a dropdown menu when they overflow.

Read More »

Page Stack Navigation

October 22, 2015     2378     Menu
Page Stack Navigation

A template for a simple page stack navigation by using CSS and jQuery.

Read More »

Project Cards Template with CSS and jQuery

October 20, 2015     2468     Others
Project Cards Template with CSS and jQuery

A tutorial about creating portfolio template with expandable projects and a full-page navigationby using css and jQuery.

Read More »