Wow.js ne prend pas en charge les animations avec un retard de plus de 1s. Pourquoi?

Je suis à l'aide d'animer.css avec wow.js.

La troisième, avec un retard de données de plus d'une seconde, n'est-ce pas fadeInLeft. Il s'estompe normalement (pas à partir de la gauche).

Quelqu'un a rencontré ce problème avant? Comment puis-je résoudre ce problème?

--

C'est mon point de vue. J'ai trois éléments de la liste sur la 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>

OriginalL'auteur alejoriveralara | 2014-08-19

  1. 5

    Je sais que ce thread est un peu vieux, mais pensé que je lui poste ce que je sais de ce:

    Essayez d'utiliser une section de la classe.

    <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>

    OriginalL'auteur Jonathan Hine

  2. 4

    J'ai aussi eu le même problème. J'ai trouvé une solution de contournement qui était d'ajouter ces styles en ligne:

    style="-webkit-animation-durée: 3s;-moz-animation-durée: 3;animation-durée: 3s;"

    OriginalL'auteur DavieFL

  3. 0

    L'Wow.js l'api utilise des secondes unités pour les animations.

    Par exemple, les données-wow-delay="2" fonctionne très bien. Je ne suis pas sûr à propos de "1.2."

    L'essayer et laissez-moi savoir si cela fonctionne pour vous.

    Merci pour votre réponse! Ne fonctionne pas, j'ai essayé d'utiliser 1s, 2s et 3s, et seulement le premier pâlissant à partir de la gauche, les autres ne l'ordinaire fondu. Étrange n'est-ce pas.
    Je crois que j'ai compris. Vous devez être cohérent avec vos unités. Par conséquent, tous doivent être "s". Essayez ces valeurs: 0,3 s 0,8 s et 1,2 s. J'ai juste essayé et ils travaillent pour moi.
    Je recommande également le déplacement de wow avant fadeInLeft de sorte que la valeur des attributs de classe est "wow fadeInLeft" Si cela ne fonctionne toujours pas, vous n'êtes probablement pas de l'initialisation du plugin correctement, ou de quelque autre cause en dehors de la portée de ce post.
    Je vous remercie. Ne fonctionne pas toujours. Je ne suis pas sûr de ce qu'il pourrait être, mais merci d'essayer de vous aider!
    Vous êtes les bienvenus. Je ne suis pas sûr de ce qu'est la question, alors. Je voudrais prendre un coup d'oeil à votre propre code de balisage pour les questions, et assurez-vous que la bibliothèque est de se comporter comme prévu, peut-être même sned un lien vers la page.

    OriginalL'auteur Nice-Guy

  4. 0

    Assurez-vous que vous êtes votre script est correct et que vous êtes correctement tapant "wow.js" OU "wow.min.js" pour la version minimale. Si non, vous aurez des animations, mais pas de wow.js de retarder ou de défilement.

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

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

    OriginalL'auteur user20889