La posición sticky es un nuevo valor de la propiedad position de CSS. Puede ser útil cuando queremos que un elemento tenga una posición fija cuando nos desplazamos hacia abajo en la página web «sin usar javascript», solo con CSS. Por ejemplo si tenemos un banner de publicidad flotante en el sidebar y nos interesa que una vez aparezca al hacer scroll se mantenga fijo y visible sin usar javascript. Es una combinación de position: relative y position: fixed, donde el elemento permanece en posición relativa hasta un punto y luego cambia a una posición fija.
Un ejemplo: un listado de alimentos ordenados alfabeticamente, donde a los párrafos he insertado la posición sticky:
En este ejemplo los elementos sticky estaría en position relative hasta que sea 0px (o el valor que le pongas tu en top al elemento) desde la parte superior, después cambiarán a la fixed.
Agradezco tu comentario 🤘