变暗<部分>在单页网站上

Darkening <section> on one-page website

本文关键字：网站 单页 部分 变暗      更新时间：2023-09-26

我是网络开发的半菜鸟，但是我要么搜索错误的术语，要么我不是一个非常熟练的谷歌用户。

我正在制作一个单页网站，并希望当一个新部分向下滚动进入视图时，新部分会变暗。我可以在鼠标悬停时实现变暗，但我希望当前可见的部分在离开它之前始终保持黑暗，而不仅仅是当鼠标悬停在该部分上时。

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

干杯！

这是

朝着正确方向的一点推动：http://jsfiddle.net/f5w35qu8/1/

$(window).scroll(function () {
    var scrolled = $(window).scrollTop();
    if (scrolled > 10) {
        $('section:first').addClass('darker');
    }
    else $('section:first').removeClass('darker');
});
相关文章：