Reanimate On Scroll


Simple and easy to use plugin which allows reanimation on each time the element is scrolled past (up or down)

What Problem Does It Solve

It means you don’t have to formulate any fancy way to reanimate animations each time a user scrolls the page. is super useful but it’s ability to reanimate on scroll is fairly limited (espeically in WP) and pretty lackluster, the other animation triggers work really well, such as Click and Hover.

Alterntivley, you can call any other type of animation scrips that use this style of inserting animations into the DOM.

Even better, you can just use the raw JavaScript file in any project that uses the dom


Animate It! for WordPress

How It Works

This script continuously monitors the top of the screen and the view port height (bottom of the screen). When an element is about to leave the screen, the animationName in disappear-<animationName> get’s applied to the tag, invoking the animation. When the element returns back into the screen, the animationName get’s removed, invoking the original animation applied in the class attribute.

How To Use It

WordPress Usage

Page -> Settings -> Block -> Advanced -> additonal CSS Class(es)

scroller disappear-fadeOut animated fadeIn duration1 delay1

HTML Usage

<div class="scroller disappear-fadeOut animated fadeIn duration1 delay1" />

Basically, use your animation as normal, just apply the additional class names into the class and it will work fine.


Für dieses Plugin gibt es keine Rezensionen.

Mitwirkende & Entwickler

„Reanimate On Scroll“ ist Open-Source-Software. Folgende Menschen haben an diesem Plugin mitgewirkt:

Übersetze „Reanimate On Scroll“ in deine Sprache.

Interessiert an der Entwicklung?

Durchstöbere den Code, sieh dir das SVN Repository an oder abonniere das Entwicklungsprotokoll per RSS.



  • Initial Release