Как поменять активный класс при скролле предыдущему/текущему/следующему блоку?

200

17 июня 2019, 10:30

Всем привет.

Есть неограниченное количество контейнеров на странице, например

<section class="Scrn Scrn_1 active">Lorem</section> 
<section class="Scrn Scrn_2">Ipsum</section> 
<section class="Scrn Scrn_3">Dolor</section> 
<section class="Scrn Scrn_4">Sit</section> 
<section class="Scrn Scrn_5">Amet</section>

Первый блок с классом "active" position: relative;, остальные position: fixed;. Когда первый блок полностью скрывается - у следующего за ним должен добавиться класс "active", чтоб его тоже можно было прокрутить.

Подскажите пожалуйста как реализовать?