Sticky Navigation Bar On Scroll Using Vanilla Javascript | Fixed Navbar on Scroll

Enroll My Course : Next Level CSS Animation and Hover Effects
------------------
Join Our Channel Membership And Get Source Code Everyday
------------------
Please LIKE our Facebook page for daily updates...

[fernandocoelho]

A true life saver. Thank you for this tutorial!

[klaasjanssen]

thank you so much, this was exactly what i was looking for, small simple JS projects, with great results! it helps me really a lot. thanks again :D

[topinformation]

You are making the code more simpler than others. thanks for making things better, easier, and simpler.

[imjordanhubbard]

Incredible tutorial pal... thank you so much!

[adictade]

I have bin searching for this sticky nav. it is damnn helpful. Thank U so much. :+1

[jatulkumar]

background music sun k nind aane lagri hai great work man :)

[KaranPadaliya-nbyf]

Finally something I wanted! :)
Thank you

[Ayoub_Himself]

Thank you for the tutorial, really helpful!

[gl]

Responsive menu bar...
The author is using flexbox in the video. To make it responsive you can start playing with css code like below. Then just remove "display: flex;" from the original header{...} and header ul{...} code sections.
In the code below: If the screen is smaller than 768px, the menu items will stack vertically, else they will be horizontally in line. You can test for more sizes to be more specific when it comes to cell phones and tablets, etc.

@media only screen and (min-width: 100px) {
header, header ul{
display: column;
}
}

@media only screen and (min-width: 768px) {
header, header ul{
display: flex;
}
}

[justmentyou]

easy to use and make, tried from other youtubers but smth didn't came out, but after this video i made it. plus as a bonus there is a small piece of animation.
thanks a lot

[siegfrieddallanzabader]

Unfortunately I am not a creative person even though I am a front-end developer but I can make-up with this lack watching your videos and your coding. So thank you very much sir.

[le_seducteut_timide]

The way he combines Html, Css and javascript is just so clean

[codingwithobidjon]

Very good, thank you. I was looking for this for a long time😃

[olujobifolaranmi]

Great one, you did a good job. Thank you for this.

[dswp]

Seems simple but beautiful and lightweight. Thank you.

[alimy.]

Thanks man, you helped me out a lot! God bless you

[jamesmartinez]

Online tutorials: Muchas gracias por su generosidad al compartir admirable conocimiento

[polartitangaming]

For those having issues with initial transition. I had the same issue. Just make sure the transition effect is in the right area of the CSS code. I kept putting it in nav when it needed to be in nav li. At least for my code it did. Hope this helps!

[SabirsCreation]

Wow unbelievable in 3 minutes I salute you

[iamhtmldeveloper]

Thank You bro for making videos for us :)