Nieruchomy div

Question

Witam, mam takie pytanie. Jak zrobić, aby div był nieruchomy czyli chce zrobić tak, że div u góry, czyli logo jest nieruchome i przy scrollowaniu dół strony na niego najeżdża, a on się nie scrolluje. Wie ktoś jak taki efekt wykonać?

Answer 1

<style>
            
            #TopBar{
                position: fixed;
                top: 0px;
                left: 0px;
                background: #005580;
                width: 100%;
                height: 50px;
            }
        </style>

 

        <div id="TopBar">
            
        </div>

Answer 2

position: fixed zapewne Cię interesuje :)