Fixed header. goes behind content body on scroll.

by joplomacedo

HTML

<div class="fixed">
    dasdsaasd<br>
    dasdsaasd<br>
    dasdsaasd<br>
    dasdsaasd<br>
    dasdsaasd<br>
    dasdsaasd<br>
</div>
    
<div class="newBody"></div>

CSS

.fixed, 
.newBody {
    width: 100%;
}

.fixed {
    position: fixed;
    top: 0;
    height: 200px;
    background: rgb(57, 132, 226);   
}

.newBody {
    position: relative;
    height: 2000px;
    margin-top: 200px;
    border-top: 1px solid rgba(0, 0, 0, 0.5);
    background: rgb(255, 194, 0);
    box-shadow: 0 -6px 10px rgba(0, 0, 0, 0.3);
}