Как добавить класс при прокрутке?

Question

[Иван Ерохин]

На сайте есть много блоков, у которых есть стандартный класс (скрывает объект) и дополнительный (раскрывает с анимацией. Анимация на css).

Есть какой-то простой способ (плагин?) добавить класс к блоку, который попадает в видимую область страницы?

Блоков много и классы у многих блоков одинаковые.

Comments

[Ankhena]

И что именно у вас не нагуглилось и не получилось?

[Иван Ерохин]

Ankhena, Вот прикинул такой код.
Но как работать с отдельным элементом, а не всем сразу с одним классом?
https://codepen.io/dtkweb/pen/ExWqBgg

[Ankhena]

Иван Ерохин, вы и задали всем, а нужно для каждого проверять

$(window).on('resize scroll', function() {
  $('.item').each(function () {
     if($(this).isInViewport()){
    $(this).addClass('active')     
    }  
  }
)
});

Answer 1

[Иван Ерохин]

https://codepen.io/dtkweb/pen/ExWqBgg