Curso gratuito de CSS
sticky
position:
sticky
relativo hasta el umbral, luego se pega
⚙️ Controles
top — umbral
0px
Secciones
3
Como
relative
hasta el umbral
Luego
fixed
dentro del padre
Se va cuando el padre termina
top: 0px — umbral de pegado
.section { position: relative; }
.header
{
position
:
sticky
;
top
:
0px
;
}
¿Cómo funciona?
El header se comporta como
relative
hasta que el scroll lo lleva al umbral definido por
top
. Luego se pega ahí
dentro de su sección
. Al terminar la sección, se va con ella.