在一页网站</section>上使<section>变暗

Question

我是网络开发人员的半菜鸟，但是我要么用错误的条款搜索，要么我不是一个非常熟练的Google员工。

我正在创建一个单页网站，并希望当新部分向下滚动时，新部分会变暗。我可以在鼠标悬停时实现变暗，但我希望当前可见的部分始终保持黑暗，直到远离它，不仅当鼠标悬停在该部分上时。

我认为它可能必须是JS，因为我似乎无法在CSS中找到我需要的东西，但也许集体思维可以提供帮助！

干杯！

Answer 1

这有点朝着正确的方向发展：http://jsfiddle.net/f5w35qu8/1/

$(window).scroll(function () {
    var scrolled = $(window).scrollTop();
    if (scrolled > 10) {
        $('section:first').addClass('darker');
    }

    else $('section:first').removeClass('darker');
});