Alternativa a css sticky

En la actualidad display: sticky está soportado por todos los navegadores modernos, quizás este post sea útil si hay que dar soporte a navegadores antíguos.

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