Javascript 滚动显示不工作
在阅读了教程并使用了他们的代码之后,我试图使用scrollReveal.js,但当我的视口位于div上时,我仍然无法使div淡入 HtmlJavascript 滚动显示不工作,javascript,jquery,scroll,scrollreveal.js,Javascript,Jquery,Scroll,Scrollreveal.js,在阅读了教程并使用了他们的代码之后,我试图使用scrollReveal.js,但当我的视口位于div上时,我仍然无法使div淡入 Html <head> <script src="scrollreveal-master/dist/scrollreveal.min.js"></script> </head> <div data-sr>This is the first div</div> <div data-sr>
<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>
当我在网页上查看控制台时,它会显示
“未捕获引用错误:未定义scrollReveal”尝试这样使用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>
1
2
3
//更改默认值
window.sr=ScrollReveal({reset:true});
//自定义分隔缝集
sr.reveal('div',{不透明度:0.9,持续时间:3000});
工作示例:尝试这样使用scrollReveal在scroll上添加动画
<!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>
1
2
3
//更改默认值
window.sr=ScrollReveal({reset:true});
//自定义分隔缝集
sr.reveal('div',{不透明度:0.9,持续时间:3000});
工作示例:您是否遇到其他错误,如404错误?你的密码在哪里?它是在您加载
scrollreveal.min.js
之后出现的吗?此外,该网站似乎有一个打字错误。应该是new ScrollReveal()
我只收到一个错误(“参考错误”)。我的代码在我的body标签的末尾,我在我的头的开始处加载scrollReveal。@RhysEdwards尝试在页面末尾的脚本之前加载库。我正在这样做,我在页面顶部的头部加载库。@RhysEdwards阅读我的评论“在脚本之前在结尾尝试”.您是否有任何其他错误,如404错误?你的密码在哪里?它是在您加载scrollreveal.min.js
之后出现的吗?此外,该网站似乎有一个打字错误。应该是new ScrollReveal()
我只收到一个错误(“参考错误”)。我的代码在我的body标签的末尾,我在我的头的开始处加载scrollReveal。@RhysEdwards尝试在页面末尾的脚本之前加载库。我正在这样做,我在页面顶部的头部加载库。@RhysEdwards阅读我的评论“在脚本之前在结尾尝试”。