Ir al contenido

Alternativa a css sticky, cuando display: sticky falla.

display: sticky es una solución realmente elegante, pero su implementación en navegadores es algo arbitraria, concretamente me ha estado dando serios problemas en Chrome y Edge, así que he estado buscando una solución. Al final se resuelve todo con css y jQuery.

Consiste en añadir una clase al elemento y posicinarlo fijo (position: fixed) una vez ya ha sobrepasado el viewport.

Aquí podeis ver la demo:

Demo en codepen