0.0.3 • Published 3 years ago
jquery-scrolla v0.0.3
jQuery Scrolla
Simple jQuery plugin for reveal animations when scrolling
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)
});