根据div切换类

Question

如何根据用户在屏幕上的位置切换div元素上的类。

例如 - 如果用户滚动浏览了具有类＆＃39; .dark＆＃39;的div块，则活动类＆＃39; .active＆＃39;应该在标题元素上切换。

我有以下代码可以使用＆＃39; .dark＆＃39;。

的单个实例。

jQuery(document).ready(function(){
var hieghtThreshold = $(".dark").offset().top;
var hieghtThreshold_end  = $(".dark").offset().top +$(".dark").height() ;
    $(window).scroll(function() {
        var scroll = $(window).scrollTop();
        if (scroll >= hieghtThreshold && scroll <=  hieghtThreshold_end ) {
            $('header').removeClass('active');
        }
        else {
            $('header').addClass('active');
        }
    });
});

然而，这仅适用于一个。我想要实现的目标是多重的​​“黑暗”。页面上的课程。