Cómo animar esto cuando se desplaza

Si vas al siguiente sitio: http://www.justinaguilar.com/animations/scrolling.html

Notarás que las animaciones ocurren en Scroll, mientras que para mí, cuando las descargué no. ¿Qué debo hacer para que mis animaciones tengan lugar en el desplazamiento?

Copiado directamente desde el sitio al que se ha vinculado:

Si desea usar animaciones prefabricadas de ese sitio, primero debe agregar ese código a su proyecto. Puede descargarlo del sitio web al que se vinculó o simplemente puede señalarlo.

El primero estaría hecho agregando

 

al de su documento HTML y cambiando el atributo href por el lugar donde realmente lo almacena en su sitio web.

El segundo será en lugar de usar la ruta local, señalaría el sitio web original con el código y su atributo href se vería así:

  

Luego deberá agregar jQuery al elemento de su página web:

  

Agregue esto antes de la etiqueta para activar la animación cuando el usuario se desplaza al elemento:

  

Reemplace #animatedElement con la ID o clase del elemento que desea animar. Reemplaza slideUp con una clase de animación.

400 representa el espacio entre el elemento y la parte superior de la pantalla. La animación se activa cuando el elemento es 400px desde la parte superior de la pantalla. Aumenta este número para activar el animaton antes.