Scrolla - jQuery plugin for reveal animations when scrolling

If your website contains lots of images, then this plugin is perfect to display images fancy way.

Scrolla is a simple lightweight jQuery plugin by Max Zhurkin to use which will create a fancy scroll reveal effect to image galleries. Scrolla use animate.css and jQuery plugin.

You can use Scrolla plugin in below four simple steps:

1. Download the animate.css and include in the <head> tag.

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

Or add it directly through CDN.

  <link rel="stylesheet" href="" />

2. Donwload Scrolla plugin from the GitHub and now add jQuery and Scrolla plugin js files before </body> tag.

<script type="text/javascript" src=""></script>
<script src="/dist/js/jquery-scrolla.min.js"></script>

3. Add the animate class to the element which you want to given animation. 


3. Initialise scrolla plugin with below code.

<script type="javascript/text">
    $(document).ready(function() {

Scrolla provides few setups through adding properties.

    mobile: false, // disable animation on mobiles
    once: false, // only once animation play on scroll
    animateCssVersion: 4 // used animate.css version (3 or 4)

I hope you would like this article. Follow us on Twitter and like us on Facebook.