Le CSS de l'animation wowjs n'est pas valide, wowjs n'ajoute pas de classes d'animation aux éléments HTML
P粉748218846
P粉748218846 2024-03-19 21:29:39
0
1
393

Si vous visitez le site Web ici et vérifiez à l'aide des outils de développement, vous verrez cette ligne

<!--Single portfolio item one-->
<section class="single-items center-block parallax m-0" id="home" style="background: url(innovative/img/single-portfolio1.jpg)">
    <div class="container">
        <div class="row">
            <div class="col-md-12 center-col">
                <div class="area-heading text-center wow fadeInUp" data-wow-delay="0.8s">
                    <h3 class="area-title text-capitalize alt-font text-white mb-2 font-weight-100 ">
                        Nuestro <strong>loren ipsun</strong>loren ipsun</h3>
                    <p class="text-white font-weight-300"> loren ipsun</p>
                    <a href="#creative" class="btn btn-transparent-white btn-rounded btn-rounded btn-large mt-3 scroll">loren ipsun</a>
                </div>
            </div>
        </div>
    </div>

</section>

Cours d'animation manquant, essayé : Animation manuelle des CSS, bootstrap css et animation js, wow js ne fonctionne pas… Supprimez tous les CSS et JS et ne laissez que le HTML de base et animez les CSS et JS et wow js et rien ne se passe

Que pourrait-il arriver ? , ce modèle inclut le bootstrap et l'animation CSS dans un fichier CSS js fourni

J'ai perdu 2 ou 4 heures à déboguer la console et j'ai découvert que cette erreur n'était pas la cause

Ce que j'essaie, c'est :

Activez l'effet css wow animate js, comme indiqué ici sur ce site Web

Si vous consultez le dernier site à l'aide des outils de développement, vous verrez qu'il ajoutera une classe d'animation à la classe wow fadein... mais cela ne se produit pas sur le premier site... et je ne sais pas pourquoi !

Quelle pourrait en être la raison ?

P粉748218846
P粉748218846

répondre à tous(1)
P粉422227023

Il me semble que vous avez oublié de lancer comme décrit dans la documentationwow.js, il vous suffit donc d'ajouter le code de lancement. Une solution rapide consiste à ajouter :

sssccc

N'importe où avant la marque <!-- 自定义脚本 --> 行下方(或 </body> dans le code).

Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal