Cómo detectar cuando un elemento pegajoso queda fijado

Totalmente de acuerdo con David, en que CSS necesita un selector para saber si un position: sticky;elemento está haciendo su trabajo pegajoso o no.

Lo ideal sería que :stuckpudiéramos usar una directiva CSS, pero lo mejor que podemos hacer es aplicar una clase CSS cuando el elemento se vuelve pegajoso usando un truco de CSS y algo de magia de JavaScript.

Me encanta cuando hay una solución que no es un polirrelleno enorme o algo así. En este caso, algunas líneas de IntersectionObserverJavaScript y un uso complicado top: -1pxen CSS.