Collection of free jQuery scrolling menu examples.

6 jQuery Scrolling Menus

Collection of free jQuery scrolling menu examples.

Related Articles

  1. jQuery Menus
  2. jQuery Context Menus
  3. jQuery Fullscreen Menus
  4. jQuery Mega Menus
  5. jQuery Off-Canvas Menus
  6. jQuery Sliding Menus
  7. React Menus
  8. CSS Menus

Author

  • Praveen Bisht

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

Author

  • Tobias Bogliolo

Made with

  • HTML / CSS / JS

About a code

jQuery Onepage Scrolling Nav

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: jquery.js

Author

  • Ettrics

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

Author

  • Raphael Pora

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

Author

  • Nikolay Talanov

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

Author

  • Matt Litherland

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

back to top