Я пытаюсь получить Animate.css, чтобы запустить анимацию CSS, когда селектор CSS появляется при прокрутке страницы. Это просто пауза или остановка анимации, пока они не появятся. Я использую WordPress, поэтому я не знаю, вызывает ли это проблему? class = "Snippet-Code">
// Create the observer like the examples above
const observer = new IntersectionObserver(entries => {
entries.forEach(entry => {
if (entry.isIntersecting) {
entry.target.classList.add('animateThis');
return;
}
entry.target.classList.remove('animateThis');
});
});
// Get multiple elements instead of a single one using "querySelectorAll"
const squares = document.querySelectorAll('.onScroll');
// Loop over the elements and add each one to the observer
squares.forEach((element) => observer.observe(element));< /code>
< /div>
< /div>
< /p>
Я дал элемент, который я хотел бы оживить. Я надеялся, что приведенный выше код JavaScript изменит это на '.animatethis', если он появится, и анимация будет работать. Но до сих пор ничего не происходит. Приносим извинения, если это глупые вопросы
Я подумал, что было бы легко просто получить JavaScript, который хорошо работал с animate.css (или любой анимацией CSS) в WordPress, чтобы запустить при виде на прокрутке.
>
Подробнее здесь: https://stackoverflow.com/questions/795 ... -wordpress
