如何在 AnimateCSS 旁边使用 scrollRevealJS？答案

【问题标题】：How to use scrollRevealJS alongside AnimateCSS?如何在 AnimateCSS 旁边使用 scrollRevealJS？
【发布时间】：2015-09-23 18:30:28
【问题描述】：

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

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

[data-sr] { visibility: hidden; }

【问题讨论】：

标签： css animation scroll animate.css scrollreveal.js

【解决方案1】：

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

【讨论】：

是的，我试过 WOW.js，但它没有重置选项是我离开它的确切原因。
您是否设法让 ScrollRevealJS 和 AnimateCSS 一起工作以重置滚动动画？