npm

jquery-scrolla

0.0.3 • Public • Published

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

Versions

Current Tags

VersionDownloads (Last 7 Days)Tag
0.0.320latest

Version History

VersionDownloads (Last 7 Days)Published
0.0.320
0.0.21

Package Sidebar

Install

npm i jquery-scrolla

Weekly Downloads

20

Version

0.0.3

License

MIT

Unpacked Size

71.5 kB

Total Files

24

Last publish

Collaborators

  • maxzhurkin