Usage no npm install needed!

<script type="module">
  import jqueryScrolla from 'https://cdn.skypack.dev/jquery-scrolla';
</script>

README

jQuery Scrolla

Simple jQuery plugin for reveal animations when scrolling

Examples

Getting Started

Include animate.css

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

Include jQuery and jquery-scrolla

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

Add html

<div 
  class="box" 
  data-animate="bounceIn" 
  data-duration="1s" 
  data-delay="0.5s" 
  data-offset="100" 
  data-iteration="1">
</div>

Initialize plugin

$(document).ready(function(){
  $('.box').scrolla();
});

Custom settings

$('.box').scrolla({
  // default
  mobile: false, // disable animation on mobiles
  once: false, // only once animation play on scroll
  animateCssVersion: 4 // used animate.css version (3 or 4)
});