wow.js se passe au chargement de la page et non au défilement
Je suis en utilisant wow.jset il fonctionne très bien, sauf les animations, tout se fait immédiatement après le chargement de la page, et non pas lorsqu'elles sont volutes de. J'ai suivi la doc, mais ne peut pas le comprendre.
Il n'y a pas JS erreurs sur la page. J'ai inclus à la fois animer.min.css et wow.js
dans le corps:
<img src="images/philosophy.png" alt="Philosophy" id="philosophy-img" class="icon wow bounceInUp">
et dans le pied de page:
<script>
new WOW().init();
</script>
Alors, comment pouvez utiliser wow.js pour obtenir les animations pour se produire lors du défilement à un div?
source d'informationauteur mr.musicman
Vous devez vous connecter pour publier un commentaire.
Voici la solution que j'ai trouvé par l'intermédiaire d'un fermé Github Question: vous pouvez ajouter ceci à votre fichier CSS:
WOW va alors basculer visible lors du démarrage de l'animation.
Réponse tardive toutefois, cela peut encore aider les autres.
Si WOW.js ne fonctionne toujours pas après l'ajout de la dernière version ou l'ajout de
<!DOCTYPE html>
le problème peut être dû à un conflit dans le défilement (ou plus précisément de la fenêtre d'affichage).Dans mon cas, le problème a été causé dans mon CSS lors de l'utilisation de l'suivantes:
html, body {height:100%; width:100%; overflow:hidden}
Par la suppression de la hauteur et la largeur correctement, j'ai été en mesure de résoudre le problème Wow.js a ensuite été en mesure d'avis lorsque l'élément est venu dans la fenêtre d'affichage et de modifier les éléments de visibilité.
Il serait utile si je savais que le navigateur que vous utilisez et de la WOW.js version.
Aussi, merci de donner le la dernière version un essai, nous avons fait quelques modifications pour corriger les problèmes avec Firefox qui pourrait résoudre votre problème. En particulier, dans 0.1.9.
Si votre problème persiste, veuillez signaler le buget d'essayer de fournir un exemple de page et dites-nous quel navigateur utilisez-vous.
Avait le même problème.
a l'aide de
class="wow bounceInUp"
Ensuite, j'ai essayé
class="wow bounceInUp animated"
Et il a travaillé
EDIT: en fin de compte, cela n'a pas fonctionné. Il a travaillé au début, mais ensuite arrêté. Encore plus grand mystère :S
Je suis tombé sur ce même problème et je viens de pensé à elle. Le problème était que le
<script>
dans le pied de page est incomplète, ou, au moins, il n'a pas de travail pour moi.Celui qui a ce problème, essayez de donner une de ce code au lieu de cela, juste avant la
</body>
tag:J'ai eu un problème similaire aujourd'hui, parce que j'ai été à l'aide d'une barre de navigation fixe la largeur d'une hauteur de 160px le contenu a été chargé avant que je puisse le voir.
Je l'ai résolu en ajoutant un décalage dans le WOW initialisation :
Espère qu'elle pourra vous aider.
Pour rebondir sur la réponse proposée par DesignofKA, j'ai eu le même problème, en raison de la hauteur fixe de la propriété dans un emballage div.
J'ai simplement init wow au cours de la fenêtre.événement onload pour résoudre le wow problème.
Mon code est:
J'ai eu un problème similaire. J'avais juste oublié d'ajouter
La réponse ici aidé -
wow.js ne fonctionne que lorsque le défilement jusqu'
En conformité avec @DesignofKA post. Pour moi, il était en conflit wit cette ligne de code:
J'espère que cela a été utile.