Picture of Thomas Berger
Re: Scroll-based animation/interation
by Thomas Berger - Wednesday, 15 June 2016, 8:00 AM
 

Hello,

yes, parallax is very hard to implement, especially across multiple devices.

The plugin Olli Foster described, allows you to do this sort of animations when a learner scrolls a component into view. The plugin uses Javascript Animations, so you can not use animate.css.

The Library that checks if an element is in the Viewport is this one --> https://github.com/adaptlearning/jquery.onscreen

 

I suggest that we update the Framework so that a css class is added once a component/block/article is onScreen/offScreen. This would make it easy to use css based animations. For performance reason, the adding of the classes should be disabled by default.

Regards

Thomas