scrollReveal.js不工作

我正在使用codepen使用的確切代碼，並且當我的圖像在我的視口中時，它們仍然不會消失。scrollReveal.js不工作

我沒有得到控制檯中的任何錯誤，所以我不知道爲什麼它會在codepen中完美工作，但不是當我嘗試去做。

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'); 
});

也有一些基本的CSS ..

來源

2016-11-17 Rhys Edwards

在CodePen，點擊右下方的'導出'按鈕，下載一個可用的非CodePen版本。您需要將CSS包含在您的頭標中，而您的問題中沒有包含該標籤。

另外你不需要JQuery $(document).ready()，但是如果你堅持使用它，你還需要在你的HTML中包含JQuery作爲腳本。

來源

2016-11-17 10:07:34 Biarity

scrollReveal.js不工作

回答

相關問題