Author

  • Amli

Made with

  • HTML / CSS / JS

About the code

Responsive Slide Down A Sticky Navbar On Scroll

In large screen, “List Menu” look like “Dropdown”, but in small screen, “List Menu” look like “Accordion”. In this case the “Sticky NavBar” will be “Slide Down” when the user starts to “Scroll Down” the page and when you clicked the “Dropdown Button” and you “Scrolled Up” the page, NavBar will be hidden, but the “Dropdown Menu” will be Sticky on the top. Try it in small screen. No library like jQuery is required. No plugin needed.

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

Responsive: yes

Dependencies: font-awesome.css