Javascript 如何在滚动上更改背景

我正在尝试做一个互动的品牌指南网站，我想做一个单一的滚动布局

我想实现一个背景，当它到达导航中的下一部分时会改变颜色

基本上，我想做的正是这个MailChimp站点所做的：

---

我试着通读代码，但没有用。有人知道如何做到这一点吗？

有很多方法可以达到这种效果，我会让你知道我认为最容易理解的方法

假设您有一个具有所需背景颜色的容器，您只需添加一个小jquery，它将向该容器添加一个类以覆盖“旧”背景颜色：

$(window).scroll(function () {            
    if ($(window).scrollTop() > 500) {
        $(".background").addClass("red");
    } else {
        $(".background").removeClass("red");
    }
});

在这里，你有一个更容易理解的语言（英语不是我的主要语言）

---

编辑：我编辑了小提琴以添加一个简单的转换。

您需要javascript/jquery来完成this@Chanckjh-我同意那条路线。一点细节？