Question

我一直在搞一些JavaScript库，这些库可能会帮助我创建一个我希望创建的投资组合网站。但是，我遇到了scrollreveal.js库的问题。当我加载网站（在本地测试）时，可以在控制台function Filter(){ var str = document.getElementById("TArea1").value; var regex = new RegExp(/[^\x20-\x7E]+/,"g"); document.getElementById("TArea2").innerHTML = str; var search = str.search(regex); if(search>=0){ var bool = true; } else { var bool = false; } if(bool){ document.getElementById("TArea2").innerHTML = str.replace(str, "<span style='background-color:MediumSeaGreen';>"+str+"</span>"); }

中获得此信息

这是我的代码

HTML：

ScrollReveal: reveal on ".example" failed, no elements found.

CSS：

<div id="mainContent1">

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

</div>

Javascript：

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

我简直无法使它正常工作，并希望获得任何帮助。谢谢！

Answer 1

确保指向ScrollReveal库的链接位于结束标记之前。并确保您的脚本在那之后。

如果脚本位于顶部，它将查找页面上尚未存在的元素。

ScrollReveal“未找到元素”？

1 个答案: