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
1
vote
2 answers

Wow.js on WordPress loading some animations on page load and others not at all

I'm trying to use wow.js on my WordPress site and I've been through a handful of forums about similar issues but I can't seem to get it working. The site of icons on top I believe are loading on the page load not scroll and further down on the page…
Beth
  • 29
  • 8
1
vote
1 answer

How to use wow.js on scrollable container

i want to use wow.js on my website. I got a sidebar which needs to have the content inside a container with overflow-x: auto;. Because of this wow.js does not work. Is it possible to define in wow.js the scrolling container? My site looks like…
Pablo Christiano
  • 365
  • 3
  • 21
1
vote
1 answer

How to use a JavaScript animation effect inside a loop?

I'm trying to add a JavaScript animation effect using the wow.js so I initialize it: and I placed…
NineCattoRules
  • 2,253
  • 6
  • 39
  • 84
1
vote
1 answer

Using Owl Carousel and Wow.js

Owl Carousel: http://www.owlcarousel.owlgraphic.com/ Wow.js: http://mynameismatthieu.com/WOW/ I am using Owl Carousel and Wow.js I am trying to create a slideshow where the contents of each slide animates when the slide is active. Currently, the…
mwdigian
  • 11
  • 1
  • 4
1
vote
2 answers

WOW JS Not work with One page scroll

i use this plugin: http://www.thepetedesign.com/demos/onepage_scroll_demo.html Every time you change the slide, I would like to do to all elements of each section of one animations with this plugin: https://github.com/matthieua/WOW Other times I…
MindTheGap
  • 183
  • 2
  • 14
1
vote
1 answer

Items don't show up when ng-repeat is populated in a timeout

I'm using wow.js to animate elements as the user scrolls to them on a page. I've loaded a bunch of elements into the browser using an ng-repeat and they animate just fine when loaded right away. You can see the elements loading properly in this…
CatDadCode
  • 58,507
  • 61
  • 212
  • 318
0
votes
0 answers

ngx-wow library not working with Angular14

I'm trying to integrate a bootstrap template with angular project, this template uses wow.js library, so I tried to install this library as bellow: 1- install wow.js using npm npm I wowjs 2- install nxg-wow npm i ngx-wow And in app.module.ts I…
Owies AL omari
  • 59
  • 5
0
votes
1 answer

wowjs animate css not working wowjs not adding animated class to html element

if you go here site here and check with developer tools you will see this line
…
className
  • 137
  • 1
  • 2
  • 13
0
votes
0 answers

elements you need to scroll to see dont have animations with wow.js

so I'm using wow.js for scroll animations and the animations work fine with elements you can see without scrolling on refresh but the ones you need to scroll to say "animation-name: none;" even though it recognizes it's something.

rapid
  • 9
  • 2
0
votes
2 answers

WOW jquery slider

Having a strange experience with the WOW Jquery slider. I am new to Javascript and Jquery I have a banner with some text that slides in on page load using the WOW slider. I also have a preloader before the wowslider text slides in. When I refresh…
hollie
  • 51
  • 5
0
votes
1 answer

How Can I do this type of animation in HTML Template like this https://hugebinary.webflow.io/

I am making HTML template. Generally I use WOW.js and animate.css but it doesn't like this example https://hugebinary.webflow.io/ So can anyone tell me which library or package used in this example site https://hugebinary.webflow.io/ Here is my code…
Suraiya Aysha
  • 21
  • 4
0
votes
0 answers

Reveal elements when scrolling using Owl Carousel animate js

I'm using owl carousel on my website for fadeIn effect. its working but when i scroll the screen i cant see the animation until i refresh the page, i need to refresh for every page.. without reloading i want to see my animations for every sections.…
Kalai-UI
  • 11
  • 3
0
votes
1 answer

how to use wow.js or any other library in react

I need help please I started using react in my first project and I'm facing a problem with installing wow js I searched a lot on the internet but all I found was old methods that don't work now someone help, please
Saad Hesham
  • 97
  • 1
  • 9
0
votes
2 answers

wow.js and animate.css doesn't work on wordpress theme

I added wow.min.js and initializing the WOW on the end of the body and animate.css on the header. But after adding the classes to elements, animation doesn't appear. I tried adding the CSS and js file via function.php but that didn't work…
curlybom
  • 65
  • 1
  • 7
0
votes
0 answers

Wow.js animated items are sometimes flickering

I am having some trouble with wow.js. In general, all the animations work just fine, but sometimes the animations just flicker/ glitch instead of properly performing the animation. The only thing that I've found to resolve this issue when it occurs…
michael
  • 11
  • 4
1 2 3
…
9 10