我喜欢动画的scrollRevealJS和AnimateCSS库,但是,我想在一个元素上使用它们。例如,我有一个div <div class="animated fadeInDown" data-sr='enter top reset'>Lorem Ipsum</div>
。出于某种原因,添加Animate CSS类animated fadeInDown
会忽略scrollReveal的数据属性。我如何能够同时使用两个库的类和数据属性?
编辑:我忘了提到我应用了以下样式:
[data-sr] { visibility: hidden; }
答案 0 :(得分:2)
ScrollRevealJS库不提供使用AnimateCss的默认功能。您可以使用Wow.js库代替ScrollRevealJS - 它可以与AnimateCss一起使用。 Wow.js的问题是重置选项不可用。