El evento de onScroll no me funcionó. Copié todo igual. ¿Alguna sugerencia?

Tal vez sea la longitud del texto y tengas el lorem abreviado. En mi caso lo copie unas cuantas veces más para tener un texto más grande

a mi tampoco me funciona. me sale este error en la web Compiled with problems:X

ERROR in ./src/app/app.component.sass?ngResource

Module build failed (from ./node_modules/sass-loader/dist/cjs.js): SassError: Expected newline. ╷ 1 │ box { │ ^ ╵ src\app\app.component.sass 1:5 root stylesheet

lo que debes hacer (si solo al renderizar veias el texto y no la barra para scroll) es ir al component.scss y en el alto darle no 100 sino 80, 70, etc porque no tienes el suficiente texto. No es que esté malo tu código.

tienen el suficiente texto para que se haga el overflow? y si no reinicien el server, tambien recuerden ponerle overflow a el box o ponganle la clase box al parrafo

Cuando dicen que no les funciona a que se refieren exactamente? yo me encontré con el "problema" de que el scroll no aparecía, eso se soluciona agregando más texto dentro del div (pueden agregar otro parrafo identico con lorem ipsum) o achicando el cuadro que contiene el texto; para esto último pueden darle un height de 100px en el archivo css en vez de 200 (o ir variando a gusto).

este es el código en el .ts a mi tampoco me funciona

Es difícil sin ver tu código porque es básicamente adivinar, pero te recomiendo revisar que el evento scroll esté todo en minúscula (scroll)="onScroll($event)". Si capitalizas la primera letra, por ejemplo, no te va a funcionar (Scroll)="onScroll($event)".

Si no es eso, te invito a compartir tu código para tener más información y poder ayudarte de forma más efectiva.