如何在AnimateCSS旁边使用scrollRevealJS?

时间:2015-07-06 14:40:11

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

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

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

[data-sr] { visibility: hidden; }

1 个答案:

答案 0 :(得分:2)

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