如何将 scrollRevealJS 与 AnimateCSS 一起使用？

Question

我喜欢 scrollRevealJS and 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 的问题是重置选项不可用。