Тёмный

Navbar Transparent to Solid Color on Scroll with HTML, CSS & JavaScript 

ByteGrad
Подписаться 155 тыс.
Просмотров 9 тыс.
50% 1

Опубликовано:

 

14 окт 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 15   
@AalasaFidler
@AalasaFidler Год назад
Damn this was straight to the point and so well explained. Thank you so much!
@tansubalaban2529
@tansubalaban2529 Год назад
Length of the video is great but I gotta say you need to do split screens to make it look more presentable and easier to follow for people that have no idea about coding yet. Since mostly the newcomers will try to find a solution on these topics. Thanks for your time
@joshuakelly5666
@joshuakelly5666 8 месяцев назад
Super concise much appreciated.
@MikeBellows
@MikeBellows Год назад
Wow JUST what I needed thank you!
@elisabajcic7941
@elisabajcic7941 Год назад
Hell yes. Thank you 'cause you teach like everything is so simple, man. Thank you very very much. Go on udemy, you deserve it, man. See ya
@geometrydash8834
@geometrydash8834 6 месяцев назад
super straight forward! nice one
@tamalchowdhury
@tamalchowdhury 4 месяца назад
another good one!
@rashmidhande6234
@rashmidhande6234 Год назад
Hi....Thanks for this tutorial...its awesome...I have one query...how to change nav items color at the same time changing the background color of navbar....for example I want nav Item color to be black and navbar background color to be white on scroll
@yichern4351
@yichern4351 Год назад
You can just add another class to the nav item, just like how he did for the navbar. For example the code at 8:48, add another const in line 2 that references all the nav items. Then below line 5, add a for loop to loop through all the nav items to add the class to it.
@26thecarlos
@26thecarlos Год назад
Hi, what visual studio code theme do you use?
@vinaymanala1568
@vinaymanala1568 Год назад
Which vscode theme are you using ??
@eavaq8737
@eavaq8737 Год назад
Hey, what if I have a dropdown menu?
@Yory.i
@Yory.i Год назад
I want to have someone create it in the content in the div
@anuvabkumarrit4669
@anuvabkumarrit4669 Год назад
But on mobile I don't want the transparent, how to do that?
@yichern4351
@yichern4351 Год назад
You could wrap the .header-scrolled in a @media query in the css file, or you can check the width of the screen in the javascript file, and only run it if it's larger than a certain amount (usually 480px for mobile)
Далее
ТИПИЧНОЕ ПОВЕДЕНИЕ МАМЫ
00:21
Просмотров 1,1 млн
Subtle, yet Beautiful Scroll Animations
5:04
Просмотров 1,7 млн
Incredible scroll-based animations with CSS-only
32:23
Просмотров 450 тыс.
You can do that with margins?
14:40
Просмотров 187 тыс.
How to Change Navbar Background Color On Scroll
10:23
3 Types of Kevin Sanjaya SERVE
5:18
Просмотров 6 млн
Top 10 CSS Features You Should Know & Use in 2023
19:56
Using CSS custom properties like this is a waste
16:12
Просмотров 174 тыс.
How to Properly Layout A Website (For Beginners)
14:50
Просмотров 619 тыс.