1.0.3 • Published 6 years ago
jquery-revealer v1.0.3
jQuery Revealer
Simple lightweight jQuery plugin to reveal elements on scrolling - DOCS
Getting Started
1. Install package using NPM or download it from the repository;
npm install jquery-revealer --save2. Require jQuery and Revealer
<script src="jquery.min.js"></script>
<script src="jquery.revealer.min.js"></script>or
require('jquery');
require('jquery-revealer');3. Include animate.css
<head>
...
<link rel="stylesheet" href="animate.min.css">
...
</head>4. Add data attributes
<div data-animate="fadeInUp" data-duration="1.0s" data-delay="0.1s" data-iteration="1">see animation</div>5. Call Revealer
$('[data-animate]').revealer();JavaScript Options
$('[data-animate]').revealer({
mobile: false // disable animation on mobiles
});Methods
$('[data-animate]').revealer('bind');