Animate on scroll - elements animation when user is scrolling page (jQuery plugin)
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
demo-1
demo-2
demo-3
demo-4
demo-5
nbproject
.gitignore
LICENSE
README.md
animation-on-scroll.js

README.md

Animate on scroll

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

HTML - use data-animation attribute with animation name

<h1 data-animation="name">Animated element</h1>

HTML - local animation offset - use data-offset attribute with pixels

<h1 data-animation="name" data-offset="number">Animated element</h1>
<h1 data-animation="bounceIn" data-offset="500">Hello World!</h1>

JavaScript simple configuration

$(document).ready(function ($) {
     $().animateOnScroll();
});

JavaScript advanced configuration

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);

});