Question

Мне нравятся библиотеки scrollRevealJS и AnimateCSS для анимации, однако я бы хотел использовать их как на одном элементе. Например, у меня есть div <div class="animated fadeInDown" data-sr='enter top reset'>Lorem Ipsum</div>. По какой-то причине добавление классов Animate CSS animated fadeInDown игнорирует атрибут данных scrollReveal. Как я могу использовать как классы, так и атрибуты данных обеих библиотек?

EDIT: Я забыл упомянуть, что у меня есть следующий стиль, примененный:

[data-sr] { visibility: hidden; }

Answer 1

Библиотека ScrollRevealJS не предоставляет функциональные возможности по умолчанию для работы с AnimateCss. Вместо ScrollRevealJS вы можете использовать библиотеку Wow.js - она ​​работает с AnimateCss. Проблема с Wow.js заключается в том, что опция сброса недоступна.