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

/jquery-scrolla/

    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