Quiero crear una animación de desplazamiento en mi página web.

Y mi plan es hacer que el usuario se desplace hacia abajo en la página y que aparezca una palabra desde la parte inferior de la página. (básicamente solo un margen superior de tamaño decente)

El problema es que no quiero que el usuario pueda "simplemente" desplazarse más allá de esta palabra. Quiero que la palabra "deje" de moverse junto con el desplazamiento durante una cierta distancia de desplazamiento cuando la palabra toque el centro de la pantalla.

Probablemente pueda codificar algunos js para obtener este efecto al verificar la posición de desplazamiento y cambiar el valor top de algún elemento. Pero tengo miedo de que tartamudee, entonces, ¿es posible hacer algo como esto en css puro, o si no, hay alguna forma de hacerlo en js y asegurarse de que sea fluido?