scrollReveal.js funktioniert nicht

Ich verwende den genauen Code, den THIS Codepen verwendet, und meine Bilder werden immer noch nicht ausgeblendet, wenn sie sich in meinem Ansichtsfenster befinden.scrollReveal.js funktioniert nicht

Ich bekomme keine Fehler in der Konsole, also weiß ich nicht, warum es perfekt in Codepen funktionieren würde, aber nicht, wenn ich es versuche.

HTML

<body> 
<div class="wrap-games"> 
    <div class="game"></div> 
    <div class="game"></div> 
</div> 
<div class="wrap-games"> 
    <div class="game"></div> 
    <div class="game"></div> 
</div> 
<div class="wrap-games"> 
    <div class="game"></div> 
    <div class="game"></div> 
</div> 
<div class="wrap-games"> 
    <div class="game"></div> 
    <div class="game"></div> 
</div> 
<div class="wrap-games"> 
    <div class="game"></div> 
    <div class="game"></div> 
</div> 
<div class="wrap-games"> 
    <div class="game"></div> 
    <div class="game"></div> 
</div> 
<div class="wrap-games"> 
    <div class="game"></div> 
    <div class="game"></div> 
</div> 
<div class="wrap-games"> 
    <div class="game"></div> 
    <div class="game"></div> 
</div> 
<div class="wrap-games"> 
    <div class="game"></div> 
    <div class="game"></div> 
</div> 
<div class="wrap-games"> 
    <div class="game"></div> 
    <div class="game"></div> 
</div> 

<script src="https://cdn.jsdelivr.net/scrollreveal.js/3.0.9/scrollreveal.min.js"></script> 

</body>

$(document).ready(function() { 
window.sr = ScrollReveal(); 
sr.reveal('.game'); 
});

Es gibt auch einige grundlegende CSS ..

Quelle

2016-11-17 Rhys Edwards

In Klicken Sie auf CodePen, klicken Sie auf die Schaltfläche "Exportieren" unten rechts, um eine funktionsfähige Nicht-CodePen-Version davon herunterzuladen. Sie müssen das CSS in Ihr head-Tag einfügen, das Sie in Ihrer Frage nicht enthalten haben.

Auch brauchen Sie nicht die JQuery $(document).ready(), aber wenn Sie darauf bestehen, müssen Sie auch JQuery als Skript in Ihrem HTML enthalten.

Quelle

2016-11-17 10:07:34 Biarity

scrollReveal.js funktioniert nicht

Antwort

Verwandte Themen