Collection of free jQuery scrolling menu code examples from Codepen, Github and other resources. Update of November 2021 collection. 2 new items.
Links
Made with
- HTML / CSS (SCSS) / JS
About a code
Scroll Nav
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: no
Dependencies: -
Links
Made with
- HTML (Pug) / CSS (SCSS) / JS
About a code
One Page Scrolly Thing
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: yes
Dependencies: jquery.js
Links
Made with
- HTML / CSS (SCSS) / JS
About a code
Navigation with Scrolling
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: no
Dependencies: jquery.js
Links
Made with
- HTML (Pug) / CSS (SCSS) / JS
About a code
Sticky Navigation Menu With Smooth Scrolling
It's basically a template with couple of features like that are invoked on scroll - Shrink Header, addition of drop shadow. Other than that smooth scroll feature is also added to logo(scroll top top) and smooth scroll to section on clicking menu item.
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: yes
Dependencies: jquery.js
Links
Made with
- HTML / CSS / JS
About a code
jQuery Onepage Scrolling Nav
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: yes
Dependencies: jquery.js
Links
Made with
- HTML / CSS (SCSS) / JS
About a code
Vertical Layout with Navigation
Vertical scrolling sections of content with mobile hamburger navigation. Animations easily customized.
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: yes
Dependencies: font-awesome.css, jquery.js
Links
Made with
- HTML / CSS (Stylus) / JS
About a code
Smooth Scrolling and Highlight Links
A little smooth scrolling JS module. Accept GSAP with scrollTo
plug or jquery (default : jQuery) You can customize the behavior when scroll occurs ( class attributions, etc ).
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: yes
Dependencies: jquery.js
Links
Made with
- HTML / CSS (SCSS) / JS
About a code
One Page Scroll Navigation
One page scroll navigation with CSS transforms.
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: yes
Dependencies: jquery.js
Links
Made with
- HTML / CSS (SCSS) / JS
About a code
Smooth Anchor Scrolling
Super lightweight smooth anchor scrolling. You are able to switch navigation active
class and scroll smoothly to id
's throughout the page.
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: no
Dependencies: jquery.js

- 394 stars
- 25 watchers
scrollNav
A jQuery plugin for building a scrolling navigation menu.

- 68 stars
- 8 watchers
visualNav
A jQuery plugin that modifies a navigation menu to highlight/change when the menu's target smooth scrolls into view.