Sticky Navigation Bar | Vanilla JavaScript

Veröffentlicht am: 26 März 2021
auf dem Kanal: Web Dev Made Easy

1,678

#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

Auf dieser Seite können Sie das Online-Video Sticky Navigation Bar | Vanilla JavaScript mit der Dauer stunde minuten sekunde in guter Qualität ansehen, das der Benutzer Web Dev Made Easy 26 März 2021 hochgeladen hat, den Link mit Freunden und Bekannten teilen, dieses Video wurde auf Youtube bereits 1,678 Mal angesehen und es wurde von 63 den Zuschauern gefallen. Viel Spaß beim Betrachtenden Zuschauern gefallen!

190