Bootstrap 5 Transparent Navbar to Solid Color on Scroll

Hi, I'm Wesley. I'm a brand ambassador for Kinde (paid sponsorship). I'll help you master the latest tech here:

👉 Discord: all my courses have a private Discord where I actively participate

0:00 Overview
0:46 Make navbar fixed to top
0:58 Create CSS class
1:51 Write JavaScript code

#bootstrap5 #bootstrap #bootstrapnavbar #bootstraptutorial #webdevelopment #coding #programming

[dxtxxdx]

헐 chat-gpt도 못한 걸 이거 따라하고 성공했어요 감사합니다:D THANK YOU!!

[dorotazak]

I'd like to thank you for this tutorial as well as for all of the knowledge you share on your channel - the work you put out there is beyond helpful! Thanks a lot for making other's lives easier👌Sending warm regards🖤

[SweetMelodies_Official]

Thank you very much for this tutorial sir, it really helps me!

[juantoledo]

Thanks so much, you really helped me out

[MartinMüller-ee]

Thanks for the short tutorial.
Works as shown in the video.

But there is a small one? Problem.

When displayed on small devices (e.g. mobile 763px), clicking on the hamburger menu causes the menu to be displayed transparently. The class (black) is only added from the set size.

Is there an option in such cases to load the class when you click on the button?

Thanks in advance

[daiapolo]

Estuve buscando un código así de simple por mucho tiempo, soy nueva en esto de javascript. GRACIAS

[chrisqiuu]

Thanks man, you just gained another subscriber!

[eefovbop]

but if I scroll the page to Y=156, the function will be executed 100 times?

[rupertebohon]

thanks again lol i really need to learn javascript

[joshwzr]

Thanks alot for this tutorial.
I appreciate

[demm]

Thank you!!! Exactly what I need it!!!! :D

[OmosanyaKanyinsola]

Hope this will work for iOS device too

[PalaniVelK-]

day long wasted on working with document.getelementby id instead of document .query selector.THANKS A LOT BRO

[deeptiyadav]

Thank you so much sir.! Can we make it transparent without fixed-top. Actually while scrolling it is fixed so webpage does not look good. Please guide.

[ricardovlz]

Hi, I was implementing this with a slide as a background of the transparent navbar, so I was obligated to use position absolute as you did with the bg.image, but the rest of the page is under the slide, I was thinking to leave it like that, with a padding top, but is responsive so that's breaks all. Idk if you can help me

[inukauleunywe]

I really appreciate what you are teaching us. You are a such wonderful mentor. I promise, i will keep following you