Как я понимаю класс animated
function scrollReveal() {
var revealPoint = 150;
var revealElement = document.querySelectorAll(".scrollReveal");
for (var i = 0; i < revealElement.length; i++) {
var windowHeight = window.innerHeight;
var revealTop = revealElement[i].getBoundingClientRect().top;
if (revealTop < windowHeight - revealPoint) {
revealElement[i].classList.add("animated");
}
}
}
window.addEventListener("scroll", scrollReveal);
scrollReveal();
просто убирите блок else,
можно еще удалять eventListener, потому что как я понимю нужда в нем отпадает:
spoilerfunction scrollReveal() {
var revealPoint = 150;
var revealElement = document.querySelectorAll(".scrollReveal");
for (var i = 0; i < revealElement.length; i++) {
var windowHeight = window.innerHeight;
var revealTop = revealElement[i].getBoundingClientRect().top;
if (revealTop < windowHeight - revealPoint) {
revealElement[i].classList.add("animated");
window.removeEventListener('scroll', scrollReveal)
}
}
}
window.addEventListener("scroll", scrollReveal);
scrollReveal();