Questions tagged [wow.js]

WOW.js is a JavaScript plugin that reveals animations when you scroll. It is used in conjunction with Animate.css.

WOW.js

WOW.js is a JavaScript plugin that reveals animations when you scroll.

Usage

Link to the CSS animation library

Link to animate.css (You can link to another CSS animation library by changing WOW.js settings)

<link rel="stylesheet" href="css/animate.css">

Link and activate WOW.js

<script src="js/wow.min.js"></script>
<script>
    new WOW().init();
</script>

Add rule in CSS to begin with hidden elements:

<style>
.wow {
    visibility: hidden;
}
</style>

Documentation

Source

130 questions

votes

1 answer

Issues with wow.js

so trying to using wow.js in conjunction with animate.css My animate css is working fine and wow.js has been included and activated but it isn't registering me scrolling down to the element so there for isn't animating. What I've included at the…

javascript jquery css animate.css wow.js

asked Jun 13 '17 at 18:20

Sam

votes

1 answer

WOW.js - how to avoid data-* attributes?

I'm using WOW.js to animate a few div containers and would like to avoid the data-* attributes. Example HTML

Content

Example JS var wow = new WOW({ boxClass: …

javascript jquery html animation wow.js

asked Jun 06 '17 at 06:17

Mr. B.

6,181
11
50
88

votes

1 answer

WOW js animation repeat not working

I'm using wow.js for some animations on my website and it's working great, but I'd prefer it to re-animate every time someone scrolls past it. I checked everywhere online and I've tried the code snippet from here, but it doesn't seem to work. Any…

html css animation repeat wow.js

asked May 12 '17 at 22:18

user7663387

votes

1 answer

wow.js, works in Vue component but visibility:hidden; is not being overwritten in native html

Just paid for a commercial licence and trying to follow the docs but can't get the animation to work I am using Laravel 5.4 and Vue 2

…

vue.js wow.js

asked Mar 23 '17 at 17:05

Dazzle

2,196
3
18
40

votes

1 answer

WOW.js and scrolling div

I followed this tutorial using wow.js. I uses it in a div, not for the entire page. I scroll the div, not the page. And this Javascript doesn't work . What do I need to fix?