ScrollReveal‘没有发现任何元素’？

Question

我一直在乱搞一些javascript库，这些库可能会帮助我创建一个我期待创建的投资组合网站。但是，我在scrollreveal.js库中遇到了一个问题。当我加载站点(本地测试)时，我在控制台ScrollReveal: reveal on ".example" failed, no elements found.中得到了这个结果

这是我的密码

HTML：

<div id="mainContent1">

<div class="example" data-scroll></div>

</div>

CSS：

.example {
    height: 150px;
    width: 150px;
    background-color: #000000;
    display: block;
    margin-top: 150vh; //just to be able to scroll down for sr effect
}

Javascript：

window.sr = ScrollReveal ();
sr.reveal('.example');

我根本无法让它发挥作用，我希望能得到任何帮助。谢谢!

Answer 1

确保指向ScrollReveal库的链接就在结束标记之前。确保你的剧本在那之后。

如果您的脚本在顶部，它将查找尚未出现在页面上的元素。