jquery - 根据页面顶部的当前 div 分配类

Question

每当通过屏幕顶部的部分具有“暗”或“亮”类时，我都会尝试为元素分配一个类-它可以工作，但只有一次。关于如何让它为每个实例重复的任何建议？

var dark = $('.dark');
var light = $('.light');
$(window).scroll(function(){
    if ($(window).scrollTop() > dark.position().top) {
        $('#masthead').addClass('dark');
        $('#masthead').removeClass('light');
    } else if ($(window).scrollTop() > light.position().top) {
        $('#masthead').removeClass('dark');
        $('#masthead').addClass('light');
    }
});

这是JSFiddle 的链接。

标签： jquerycssscrollwindow