css - 如何将 scrollRevealJS 与 AnimateCSS 一起使用？

Question

我都喜欢 scrollRevealJS和 AnimateCSS动画库，但是，我想在一个元素上同时使用它们。例如，我有一个 div <div class="animated fadeInDown" data-sr='enter top reset'>Lorem Ipsum</div> .出于某种原因，添加 Animate CSS 类 animated fadeInDown忽略 scrollReveal 的数据属性。我如何才能同时使用这两个库的类和数据属性？

编辑:我忘了提到我应用了以下样式:

[data-sr] { visibility: hidden; }

Answer 1

ScrollRevealJS 库不提供与 AnimateCss 一起使用的默认功能。您可以使用 Wow.js 库代替 ScrollRevealJS——它与 AnimateCss 一起使用。 Wow.js 的问题是重置选项不可用。