Sticky Navigation Bar | Vanilla JavaScript

Published: 26 March 2021
on channel: Web Dev Made Easy

1,688

#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

On this page of the site you can watch the video online Sticky Navigation Bar | Vanilla JavaScript with a duration of hours minute second in good quality, which was uploaded by the user Web Dev Made Easy 26 March 2021, share the link with friends and acquaintances, this video has already been watched 1,688 times on youtube and it was liked by 62 viewers. Enjoy your viewing!

266