javascript - 将单页网站上的 变暗

Question

我是网络开发的半菜鸟，但我不是在使用错误的术语进行搜索，就是我不是一个非常熟练的 googler。

我正在制作一个单页网站，并且想要这样的效果，即当向下滚动新部分进入 View 时，新部分会变暗。我可以在鼠标悬停时变暗，但我希望当前可见的部分始终保持黑暗直到离开它，而不仅仅是当鼠标悬停在该部分上时。

我认为它可能必须是 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');
});