Stack Overflow
Stack Overflow

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

  1. Link to the CSS animation library

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

<link rel="stylesheet" href="css/animate.css">
  1. Link and activate WOW.js
<script src="js/wow.min.js"></script>
<script>
    new WOW().init();
</script>
  1. Add rule in CSS to begin with hidden elements:
<style>
.wow {
    visibility: hidden;
}
</style>

Documentation

Source

139 questions
2
votes
0 answers

Page scrolling is not smooth when using parallax and animations

This is my first project related with Parallax effects. I have tried to implement parallax libraries but they are not working properly on mac safari, scrolling is not smooth. So i tried to implement custom code which i found on google and its…
M.Bains
  • 395
  • 1
  • 2
  • 14
2
votes
2 answers

Animation distance for wow.js/animate.css?

Is there a way to reduce the distance the animating div travels from? For fadeInUp, it's currently coming from off the screen. I only want it to travel from 30px down. I thought it would be data-wow-offset but changing its values is not changing…
patrickhuang94
  • 2,085
  • 5
  • 36
  • 58
2
votes
1 answer

Trigger a new animation event with wowjs and vue

I have a list being populated but once it reaches a certain length, I want to change the animation class and remove the item from the array
2
votes
0 answers

WOW.js animated start without need to reveal

Hi how can we make the wow.js to start all the animation even the element is still not reveal? http://mynameismatthieu.com/WOW/
GTS85
  • 45
  • 6
2
votes
1 answer

Wow.JS fadeOut class but keep div faded out?

I'm using animate.css with wow.js to fadeOut a div on scroll, but it fades out and then comes back in. I'd like it to fade away and stay away. I've tried adding the class "animated" and it works but then doesn't work on scrolling to the div. It…
Omar
  • 786
  • 3
  • 13
  • 34
2
votes
2 answers

Why is WOW.js not working and leaving invisible elements behind?

I have a website in my local pc and linked it to wow.min.js. (I dont know whether or not I should download the entire library or just that file; I did both ways but still no luck.) I tried: With entire library downloaded:
John Doe
  • 305
  • 1
  • 2
  • 10
2
votes
1 answer

Wow.js not working in server

In am using wow.js to animate element on scroll. It works great in local but when I uploaded to server, the animated class is called before scrolling (with page loads). Click here to see it live.
Prem Regmi
  • 213
  • 2
  • 15
2
votes
1 answer

CSS and menu not working in iOS devices [WordPress]

I have a WordPress site. My site does not work as expected on iOS devices such as Mac, iPad and iPhone. Menus and mouse hovering do not function properly only in iOS devices. When clicking menu navigation, I cannot see the menu items. It seems that…
Peter
  • 692
  • 3
  • 10
  • 24
2
votes
3 answers

mobile scroll not working with fullpage.js and wow.js

I'm using fullpage.js to create my website, and I'm trying to incorporate wow.js and animate.css to create some cool animations. Everything is working fine on desktop, but when I resize the browser to mobile-size, I cannot scroll at all. The…
mattyfew
  • 163
  • 3
  • 17
2
votes
0 answers

Wow.js animation hiding element without padding

I installed WOW.js (master version). It works as attended on any content but the logo. When I apply any transition to my site logo (inside the navbar, at the top of the viewport), I have this behaviour: As is, It is not working. Logo with wow class…
andreav
  • 541
  • 5
  • 18
2
votes
1 answer

Animate.css: sliding animations not working

I'm using WoW.js with animate.css to animate some elements on my project and one of the element is just not budging. It's a span tag that say "Learn How We Can Help You Reach Further". On this tag fadeInleft and slideInLeft doesn't work although…
Whip
  • 1,891
  • 22
  • 43
2
votes
1 answer

wow.js keeps repeating unless iteration is specified

I've started using wow.js for the first time and I'm having the issue that the animations keep repeating over and over again unless I explicitly specify an iteration count of 1. I could specify this everywhere, but based on other websites and…
Maarten Ureel
  • 393
  • 4
  • 18
2
votes
1 answer

How to disable WowJS animations from occuring more than once?

I have a webpage with a bunch of WowJS animations. The animations occur when I scroll down, which is fine. However, when I scroll back up, the animations occur again. How can I disable the animations occurring more than once?
Ralph David Abernathy
  • 5,230
  • 11
  • 51
  • 78
2
votes
1 answer

hide/offset WOW js animations when delayed

I'm using WOW to animate different divs on my web page. However I am delaying some of the divs, which means you can see them just sitting slightly off the screen until the delay kicks in, then the transition happens. You can see an example of this…
probablybest
  • 1,403
  • 2
  • 24
  • 47
2
votes
0 answers

WOW js dont trigger animation until class is active

I'm using WOW which I have used on other projects and its great. However on a current website I'm building, which is using slides (divs), it displays all the animations at the same time rather than once each slide is active. When a slide is…
probablybest
  • 1,403
  • 2
  • 24
  • 47
1 2
3
…
9 10