文章/答案/技术大牛

发布

社区首页 >问答首页 >scrollReveal.js不工作

问scrollReveal.js不工作
EN

Stack Overflow用户

提问于 2016-11-17 09:56:13

回答 1查看 788关注 0票数 0

我使用的正是这代码所使用的代码，我的图像在我的视口中仍然没有褪色。

我没有收到任何错误的控制台，所以我不知道为什么它会完美地工作在代码，但不是当我试图这样做。

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

javascript

jquery

scrollreveal.js

回答 1

Stack Overflow用户

回答已采纳

发布于 2016-11-17 10:07:34

在CodePen中，单击右下角的“导出”按钮，下载一个工作的非代码笔版本。你需要在你的头标签中包含CSS，这是你的问题中没有包含的。

另外，您不需要JQuery $(document).ready()，但是如果您坚持使用它，您还需要将JQuery作为脚本包含在您的HTML中。

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/40651708

复制

相似问题

问scrollReveal.js不工作
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问scrollReveal.js不工作EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问scrollReveal.js不工作
EN