ScrollReveal – Easy scroll animations for web and mobile browsers

Today I am back with another great jQuery plugin called ScrollReveal.js. This plugin is great if you want to add a bit of modern touch to any website by adding smooth scroll animation to your elements. Animation sequncers are quite popular nowadays and they add a pinch of entertainment to different content section on web pages.

ScrollReveal.js is created by Julian Lloyd, a developer and design, from Fribourg, Switzerland. The plugin is 3.3KB minified and gzipped and has no dependencies. The simplest method to start using it, is to add just before the ending </body> tag:

<script src="https://cdn.jsdelivr.net/scrollreveal.js/3.1.4/scrollreveal.min.js"></script>

Add a simple HTML markup with elements such as:

<!-- HTML -->
<div class="foo"> Foo </div>
<div class="bar"> Bar </div>

And a bit of JS:

// JavaScript
window.sr = ScrollReveal();
sr.reveal('.foo');
sr.reveal('.bar');

Make sure that you check the GitHub page for more information about the markup, configuration and options.
 
Learn more Download