文章/答案/技术大牛

发布

问卷轴显示不工作
EN

Stack Overflow用户

提问于 2016-11-16 15:17:55

回答 1查看 11.8K关注 0票数 1

在阅读了scrollReveal.js教程并使用了它们的代码之后，我尝试使用这，但是当我的视图在它们上时，我仍然不能让div淡入。

<head>
<script src="scrollreveal-master/dist/scrollreveal.min.js"></script>
</head>

<div data-sr>This is the first div</div>
<div data-sr>This is the second div</div>
<div data-sr>This is yet another div</div>

javascript

new scrollReveal();

当我在网页上看到控制台时，上面写着

“未定义的ReferenceError: scrollReveal”

javascript

jquery

scroll

scrollreveal.js

回答 1

Stack Overflow用户

回答已采纳

发布于 2016-11-16 16:19:25

尝试像这样使用scrollReveal在滚动体上添加一个动画

<!DOCTYPE html>
<html>

  <head>
    <meta charset="utf-8" />
    <title></title>
    <link rel="stylesheet" href="style.css" />


</head>

<body>

<div id="main">

<div data-sr> one </div>
<div data-sr> two </div>
<div data-sr> three </div>

</div>

<script src="https://unpkg.com/scrollreveal@3.3.2/dist/scrollreveal.min.js"></script>

<script>

// Changing the defaults
window.sr = ScrollReveal({ reset: true });

// Customizing a reveal set
sr.reveal('div', {opacity: 0.9,duration:3000});

</script>

</body>

</html>

工作示例：https://plnkr.co/edit/qC33zle0fafyAL0RjkVl?p=preview

票数 6

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

原文链接：

https://stackoverflow.com/questions/40635747

复制

相似问题

问卷轴显示不工作
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问卷轴显示不工作EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问卷轴显示不工作
EN