Geek Answers Handbook

Wow.js does not load animations with a delay of more than 1 second. What for?

I am using animate.css with wow.js.

The third, with a data delay of more than one second, is not fadeInLeft. It gradually disappears (not to the left).

Has anyone encountered this problem before? How can i fix this?

-

It's my opinion. I have three list items on the page.

<li>
  <span class="fadeInLeft wow" data-wow-delay="300ms">Text1</span>
</li>
<li>
  <span class="fadeInLeft wow" data-wow-delay="800ms">Text2</span>
</li>
<li>
  <span class="fadeInLeft wow" data-wow-delay="1200ms">Text2</span>
</li>
+4
source share
4 answers

I know this topic is a bit old, but I decided to post what I know about it:

Try using the partition class.

<section class="wow slideInLeft" data-wow-duration="2s" data-wow-delay="0.3s"><li>Text1</li></section>
<section class="wow slideInLeft" data-wow-duration="2s" data-wow-delay="0.8s"><li>Text2</li></section>
<section class="wow slideInLeft" data-wow-duration="2s" data-wow-delay="1.2s"><li>Text3</li></section>
+4
source

I had the same problem too. I found a workaround that was to add these inline styles:

style = "- webkit-animation-duration-duration: 3s; -moz-animation-duration-duration: 3s; duration-duration: 3s;"

+3

Wow.js api .

, data-wow-delay = "2s" . "1.2."

, .

0

, script "wow.js" "wow.min.js" . , , wow.js.

    <script src='js/wow.min.js'></script>

    <script>
        new WOW().init();
    </script>
0

More articles:


All Articles