sticky position not working in the nav bar

Asked May 18 '22 at 07:27

Active May 18 '22 at 07:27

Viewed 86 times

My css:

*{
            margin: 0;
            padding: 0;
        }
        body{
            height: 2000px;
        }
        nav{
            width: 80vw;
            height: 10vw;
            background-color: black;
            border: 2px red solid;
            position: sticky;
            top: 0;
        }
        
        li{
            color: white;
            padding: 2vh;
            display: inline-block;
            font-size: 5vw;
        }
        .nothing{
            height: 100px;
            width: 100px;
            border: 2px brown solid;
            
        }

My navbar isnt sticking to the top even though there is no overflow element anywhere (which causes problems in this case i think) and top: 0 is also mentioned. Why is this?

asked May 18 '22 at 07:27

Ame

Please provide enough code to reproduce the problem, edit your question and use Ctrl+M to make a snippet, include CSS AND HTML. – Zach Jensz May 18 '22 at 07:37
you can find the answer here https://stackoverflow.com/questions/43707076/how-does-the-position-sticky-property-work – Sergiu May 18 '22 at 07:42
Needs to be edited – Maciej Bledkowski May 18 '22 at 16:19

sticky position not working in the nav bar

0 Answers0