WOW.js and scrolling div

Question

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?

<style>
   body {
      background-color: #78ccf0;
      margin: 0; 
      padding: 0;    
   }
   .header {
      width: 100%;
      height: 214px;
      background-color: #000000;
   }
   .div_body {
      width: 100%;
      height: 450px;
      background-color: #fff;
      overflow: scroll;
      background-image:url('page_fon.jpg');
      font-size: 14pt;
   }
   .footer {
      width: 100%;
      height: 270px;
      background-color: #000000;
   }   
</style>

<div class="div_body">text
  <div class="wow bounceInRight" >animated text</div>
</div>

Thank you in advance.

Did you include wow.js in your html? – DraganAscii Feb 09 '17 at 18:18 — DraganAscii, Feb 09 '17 at 18:18
Yes, I created link for wow.js like this: – Jul G Feb 09 '17 at 19:46 — Jul G, Feb 09 '17 at 19:46
And this I added. Tried in and in the end before – Jul G Feb 09 '17 at 20:19 — Jul G, Feb 09 '17 at 20:19
If I do not use overflow:scroll-y everything is working. – Jul G Feb 09 '17 at 20:26 — Jul G, Feb 09 '17 at 20:26

score 0 · Answer 1 · answered Feb 09 '17 at 17:08

0

To use animated.css you have to add the class "animated".

answered Feb 09 '17 at 17:08

Sandro

1,051
7
15

WOW.js and scrolling div

1 Answers1