sticky Navbar hide/show on scroll (my original, using useState + useEffect), shadcn + next-themes(learned from codeSTACKr), frosty header (learned from Saraev Media)
-
Updated
Oct 5, 2023 - TypeScript
#
sticky-navbar
Here are 20 public repositories matching this topic...
** Not Responsive - Just HTML & CSS **
html5 css3 font-awesome footer css-flex css-position-property css-text-shadow sticky-navbar css-before css-after css-overlay
-
Updated
Jul 25, 2021 - CSS
Welcome to the JavaScript Projects Showcase repository! This repository serves as a collection of innovative and practical JavaScript projects developed to showcase my expertise.
javascript calculator slider timer analog-clock form-validation piano temperature-converter countdown-timer todo-app calender image-carousel sticky-navbar brain-training-app color-gradient-generator double-vertical-slider intro-animations miles-and-km-converters multi-background-changer multi-step-progress-bar
-
Updated
Jun 10, 2023 - JavaScript
responsive-layout sticky-sidebar responsive-template responsive-navbar sticky-navbar responsive-menu-bar
-
Updated
Sep 30, 2023 - HTML
Vue 3 and Nuxt 3 compatible sticky block component
typescript parallax sticky sticky-elements sticky-headers sticky-sidebar sticky-footer sticky-header sticky-navigation-bar vue3 nuxt3 sticky-navbar sticky-to-parent
-
Updated
Jul 21, 2024 - Vue
Responsive landing page with JS advanced DOM manipulations. Smooth scrolling, smooth section revealing, lazy-loading, sticky navbar, slider, flexbox, and CSS grid.
-
Updated
Jan 26, 2022 - HTML
This project shows you how to build a beautiful and interactive coffee website with custom sections like header, home, about, Quality, variety, products, and footer. It also includes scroll animations, active links, and JavaScript features to make the site more dynamic.
flex grid scale static rotate translate relative fixed pseudo-elements absolute mobile-navbar sticky-navbar
-
Updated
Jul 13, 2025 - HTML
Welcome to html1 repository! This repository contains the HTML and CSS code . This project was developed using Visual Studio Code, a powerful and versatile source code editor.
-
Updated
Apr 7, 2024 - HTML
Sticky Navbar
-
Updated
Feb 23, 2024 - CSS
In this video we will be creating a sticky Navbar using HTML, CSS and JavaScript
-
Updated
Feb 10, 2022 - HTML
Sticky-navbar using position: sticky; property
-
Updated
Dec 15, 2021 - HTML
ANGULAR example of parent's background and foreground color transistion based on visible HTML section combined with a sticky nav bar for HTML sections.
-
Updated
Dec 27, 2022 - TypeScript
-
Updated
May 25, 2022 - HTML
This is the my Portfolio repo
react redux javascript css html npm portfolio react-router reactjs material-ui gsap react-redux react-router-dom darkmode react-scroll aos typewriter-effect sticky-navbar
-
Updated
Mar 8, 2025 - CSS
Implementing an Sticky-Navigationbar using jQuery in JavaScript.
javascript html bootstrap jquery responsive scss scss-framework sticky-headers scss-styles sticky-header sticky-navigation-bar sticky-navbar
-
Updated
Dec 9, 2023 - SCSS
Front end using advanced DOM manipulation.
javascript css html events js navbar smooth-scrolling event-delegation intersection-observer event-propagation sticky-navigation-bar intersectionobserver-api event-bubbling intersection-observer-api sticky-navbar
-
Updated
Dec 19, 2022 - HTML
Frontend utils for your web-projects.
-
Updated
Apr 22, 2024 - TypeScript
React and Next compatible sticky block component
react typescript parallax sticky sticky-elements sticky-sidebar sticky-footer sticky-header sticky-navigation-bar sticky-scroll sticky-menu sticky-navbar sticky-to-parent sticky-smooth
-
Updated
Jul 18, 2024 - TypeScript
Improve this page
Add a description, image, and links to the sticky-navbar topic page so that developers can more easily learn about it.
Add this topic to your repo
To associate your repository with the sticky-navbar topic, visit your repo's landing page and select "manage topics."