Skip to content
master
Switch branches/tags
Go to file
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

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

});

About

Animate on scroll - elements animation when user is scrolling page (jQuery plugin)

Topics

Resources

License

Releases

No releases published

Packages

No packages published