Fancy Scroll Animations with jQuery and Animate.css - byscroll

File Size: 5.88 KB
Views Total: 1798
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   
Fancy Scroll Animations with jQuery and Animate.css - byscroll

byscroll is an ultra-light jQuery plugin which applies Animate.css powered CSS3 animations to html elements when they come into view.

See also:

How to use it:

1. Add the latest version of jQuery library and the jQuery byscroll plugin to your web page.

<script src="//code.jquery.com/jquery-2.1.4.min.js"></script>
<script src="js/jquery.byscroll.js"></script>

2. Add the required Animate.css in the web page.

<link rel="stylesheet" href="css/animate.css">

3. Call the listenedByScroll() element and apply the animation class.

$("#item1").listenedByScroll("animated rubberBand");
$("#item2").listenedByScroll("animated flipInX");
$("#item3").listenedByScroll("animated bounceInUp");
...

This awesome jQuery plugin is developed by ynzkai. For more Advanced Usages, please check the demo page or visit the official website.