Animate on scroll - elements animation when user is scrolling the web page
Animate on scroll with Animate.css (https://daneden.github.io/animate.css/)
Animation with global and local offset
Animation inside scrollable element
<h1 data-animation="name">Animated element</h1>
<h1 data-animation="name" data-offset="number">Animated element</h1>
<h1 data-animation="bounceIn" data-offset="500">Hello World!</h1>
$(document).ready(function ($) {
$().animateOnScroll();
});
User can set scrollable element and global offset programatically
Use data-offset for local offset inside HTML element.
$(document).ready(function ($) {
var args = {
container: node,
offset : number
};
$().animateOnScroll(args);
});