Scrolla jQuery plugin for reveal animations when scrolling

  444 views   6 months ago jQuery

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.

Author : Harsukh Makwana
Harsukh Makwana

Hi, My name is Harsukh Makwana. i have been work with many programming language like php, python, javascript, node, react, anguler, etc.. since last 5 year. if you have any issue or want me hire then contact me on [email protected]