How to make a sticky nav bar

Question

I was making a nav bar and I want it to remain on the page while scrolling
I want to know how I can do it.

Answer 1

Set position to sticky

or check out this example

https://code.sololearn.com/WWvUQyEnohm5/?ref=app

Answer 2

position:fixed;

Answer 3

use position fixed /sticky

Answer 4

Lily Mea
I have a header/logo above the nav bar, so when I use it, it does not remain on top

Answer 5

Hi,

You can use css property position is equal to fixed.

example:

.classname{
position:fixed;
}

Refer following:

https://www.w3schools.com/howto/howto_js_navbar_sticky.asp

Answer 6

https://code.sololearn.com/Wbat8raAIZ2R/?ref=app

Answer 7

Mrityunjay🇮🇳 you can wrap your nav and header/logo in a div. Then apply Lily Mea said

Answer 8

use position fixed and relative