Блог

Теперь я хочу сделать эффект исчезновения сверху, когда мой элемент находится в окне просмотра, добавив для него класс «активировать»…

Я не хочу использовать какие-либо внешние библиотеки, которые делают это напрямую.

Мой код:

 window.addEventListener('scroll', function(e) {

  var cards = document.querySelectorAll('cards');

  for ( let card of cards ) {
    if(!card.classList.contains('fadeFromTop')) {
      card.classList.add('fadeFromTop');
    }
  }

}

  

но когда мой элемент выходит из окна просмотра, он все равно проверяет, имеет ли элемент этот класс

Я не добавил оператор if, который проверяет, находится ли элемент внутри области просмотра.

Есть ли способ прервать и остановить событие прокрутки, когда все карты имеют класс ‘fadeFromTop’?

Я попытался выполнить поиск в Google, но я нахожу element.removeEventListener(); , и я не могу понять, что он делает…