Como consertar um cabeçalho no pergaminho
Estou criando um cabeçalho que, uma vez rolado para uma certa quantidade de pixels, é corrigido e permanece no lugar.
Posso fazer isso usando apenas css e html ou eu preciso de jquery também?
Eu criei uma demonstração para que você possa entender. Qualquer ajuda seria ótimo!
body{
margin:0px;
padding:0px;
}
.clear{
clear:both;
}
.container{
height:2000px;
}
.cover-photo-container{
width:700px;
height: 348px;
margin-bottom: 20px;
background-color:red;
}
.small-box{
width:163px;
height:100px;
border:1px solid blue;
float:left;
}
.sticky-header{
width:700px;
height:50px;
background:orange;
postion:fixed;
}