Javascript 在每个新屏幕上更改固定块的背景色

有一个页面使用fullPage.js，带有固定块，每次滚动新屏幕时，必须更改其背景色。我不明白我怎么能做到。有什么建议吗

<div class="fixed"></div>
<div id="fullpage">
    <div class="section"></div>
    <div class="section"></div>
    <div class="section"></div>
</div>

---

您可以使用

索引或
主播链接更改固定div的背景色

要更改css，可以使用
onLeave（）
或
afterLoad（）
方法调用该函数


$（文档）.ready（函数（）{
$（“#全页”）。全页({
onLeave：函数（锚链接、索引）{
//使用索引
如果（索引==1）{
$（“.fixed”）.css（“背景色”、“黑色”）；
}
如果（索引==2）{
$（“.fixed”）.css（“背景色”、“蓝色”）；
}
如果（索引==3）{
$（“.fixed”）.css（“背景色”、“红色”）；
}
}
});
});
正文{
保证金：0；
}
.固定{
宽度：25%；
高度：计算（100vh-50px）；
背景色：#000；
利润率：25px；
浮动：左；
位置：固定；
z指数：1；
}
.科{
宽度：100%；
高度：100vh；
背景颜色：粉红色；
}
.截面：第n种类型（2）{
背景颜色：绿色；
}
.节：类型的最后一个{
背景颜色：蓝色；
}

请阅读文档，我认为您没有正确理解我的问题。固定块“必须更改”其背景颜色？你能解释一下这是什么意思吗？好的，你有3张幻灯片，100%宽和高，左边是黑色的固定栏。您滚动一次，固定列将背景颜色更改为粉红色，您滚动第二次，它将更改为蓝色等。