Sticky Navigation Bar | Vanilla JavaScript
#stickynavigationbar #stickynavbar #css
🎬Sticky Navigation Bar | Vanilla JavaScript
In today's episode, we create from scratch, step-by-step a “sticky navigation bar”, we’re gonna use HTML and CSS for its UI, and as for functionality a little bit of JavaScript, using properties like windows. scrollY and event listener.
SUBSCRIBE & HIT THE 🔔 https://bit.ly/3oBQbc0
🎁 Become a Patreon because by doing that, you will support our Channel and also will have access to Source Code!
➤ https://bit.ly/3sthx5B
⏱️Chapters⏱️
00:00 Intro
02:21 HTML
04:08 CSS
13:28 JavaScript
🧠Concepts covered in this project:
JS:addEventListener
JS: Window.scrollY
CSS: Flexbox
-CSS: Absolute x Relative position
📚Resources
Sound | Fonts | Pics used in this Project: https://bit.ly/3cp2S5W
🏆Recommended Videos🏆
🎬Login & Registration Form Using HTML & CSS & JS
➤ • Login & Registration Form Using HTML & CSS...
🎬Neumorphism Login Form | HTML & CSS
➤ • 🎬Neumorphism Login Form | HTML & CSS
🎬Animated Sidebar Menu with HTML & CSS
➤ Watch: • 🎬Animated Sidebar Menu with HTML & CSS
🎬Amazing Social Media Buttons Hover Effects | HTML & CSS
➤ • 🎬Amazing Social Media Buttons Hover Effect...
🎬Animated Login Form | HTML, CSS & JavaScript
➤ Watch: • Animated Login Form |HTML, CSS & JavaScript
🎬Slider Sign In / Sign Up Form | HTML CSS Vanilla JS
➤ Watch: • Slider Sign In / Sign Up Form | HTML CSS V...
🛴 Follow me on:
👉Facebook:https://bit.ly/3cp2S5W
🎵 Music: Bensound.com