Hide Menu On Scroll | Sticky Navbar | HTML, CSS & JavaScript

// Sticky Navigation Bar / Hide Menu On Scroll / On Scroll Effect //

---------------- Social Media ----------------

Music :
(free) Raw 90s Old School Boom Bap type beat x Fat Cat instrumental | 'Jump up'
MUSIC CREDIT - HAZEKILLA BEATS

(free) 90s Old School Boom Bap type beat x Fat Cat instrumental | 'Vintage' prod. by TONY HANSKA

Thanks for watching !

[codegrid]

These are some of the books that can help you learn web designing -

[reesz]

A little fronend dev critic: Animations like this should be done using the transform property, since changing top triggers a complete new layout- and paint-process in the browser. Transform only triggers a composition, which is faster and smoother. Obviously in such a small example, theres no noticeable difference, but let's not start dragging bad habits with us :)

[mikedoroshenko]

Best channel ever!!!
In every video you do really cool features. Appreciate it!

[codeart]

Cool! You are the best frond-end developer in YouTube. Thank you, bro!)

[GdX]

Good Tutorial, can you please share which software are you using to record your desktop recording ? I will really appreciate.

[sororbudwiser]

nice tutorial. How can you make the navbar hide what is behind it on the page if you have padding set on the top?

[ivango]

Can I know where do you learn how to do this? Is taking a udemy course worth it?

[gianniskoulouris]

Hey man, nice video. Would it have the same effect using width transition from 100% to 0% instead of top?

[RamsaiMedhari]

Bro instead of background music if you explain for sure you will be good youtuber in education section.
try to explain in further videos i really like your videos

[nmvntqo]

Please make a video on filterable image gallery using multiple filters ...

[teclote]

How much work does this method cause the browser to do? Computational load?

[MaheshYadav-plcs]

It’s going -100px but not coming to 0 px when scrolled upwards help?

[yessicasd]

I had an error that was the following:
- If you got the height of the body and the html at 100%, at the same time, the scrolling event doesn't work

[muhammadsolikhin]

I tried added a slideshow, but when i hovered the navbar the hover didn't appear
I tried to change some positions but it didn't work can you help me :(

[ashokvj]

Great videos i love you're skill's

[andrzeyshliaha]

and that it is necessary to add, that the script began to work through 200px for

[kenthefley]

Love this. I wish you would have gone a step further and made it responsive.

[sstepdead]

chat box video please
"how to" tutorial with design

[santhoshraghav]

Bro please share "off canvas navigation" code...

[msnataliamilk]

pity that there is no verbal comment of what you are doing..