AOS (Animate On Scroll) Library Not Working in D2L - why?

Brock.Parks96

Hi;

 

I’m trying to use the AOS library (Animate On Scroll) on webpages in our courses.

 

This library allows elements on the page to animate (fade in, slide in, etc) using CSS *when the user scrolls to see them.* So, they won’t animate until the user scrolls past them.

 

Here is the library on GitHub:

 

https://github.com/michalsnik/aos/tree/v2#-animations

 

I’ve downloaded examples, and they work offline, or on the web, but when I take those same examples and put them in Brightspace, the animations play on page load, rather than when the user scrolls to see them. 

 

Here is an example that has failed to work when loaded into D2L:

 

https://codepen.io/oltika/pen/vXdJbx

 

I’m not a programmer. Does anyone know why this happens, or what I can do to fix it?

 

Thanks,

Brock