Skip to content

maximzhurkin/jquery-scrolla

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

15 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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)
});

About

jQuery plugin for reveal animations when scrolling

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published