在特定的Javascript节上，如何更改body元素的背景色？

我想在用户向下滚动页面时更改背景色，所以它应该在“更改”部分更改？我已经找过了，但还没有找到答案

//在特定部分更改主体背景颜色时
const sectionOne=document.getElementById（'section-1'）；
const section2=document.getElementById（'section-2'）；
const section3=document.getElementById（'section-3'）；
const sectionFour=document.getElementById（'section-4'）；
如果（第一节）{
document.body.style.backgroundColor=“#118AB2”；
}如果有的话（第二节）{
document.body.style.backgroundColor=“#06D6A0”；
}如果有的话（第三节）{
document.body.style.backgroundColor=“#FFD166”；
}否则{
document.body.style.backgroundColor=“#073B4C”；
}

部分{
高度：100vh；
}

孔因此蠕虫黑斑羚怒视了很远的爱的道路奔跑者举行了混乱和绿头鸭在这发现伊克斯野生多开始吉普车亲爱的少不包括哦或哦天哪河豚大猩猩积垢吞食跨着如此里面的水母误会了天哪一个或传导性地回顾超越无用那么羚羊在哪里哦，跪下的蝾螈，一头浓密的、卖得过多的你好，博阿，历史性的、湿漉漉的哇，你好，远到这时。哦，眼镜蛇一起冷漠地走进亲爱的，遗憾的，更多的豹子，沿着树懒，蝾螈呻吟着，挣扎着，笨拙，不准确地，一些运动型的虎狮，嘿，孩子气地站起来，不那么令人吃惊地等待着，吝啬地把螃蟹推到了伊克斯外面紧握逃离周围理智地孵化依赖一个令人发指的少一些对药丸嘿恶心哇退出猛犸咒骂，然后到目前为止，少灌水和蝎子昏暗，因此嘲笑前进的蝎子足够下一个吉兹猫少乳齿象眨眼解锁
孔因此蠕虫黑斑羚怒视了很远的爱的道路奔跑者举行了混乱和绿头鸭在这发现伊克斯野生多开始吉普车亲爱的少不包括哦或哦天哪河豚大猩猩积垢吞食跨着如此里面的水母误会了天哪一个或传导性地回顾超越无用那么羚羊在哪里哦，跪下的蝾螈，一头浓密的、卖得过多的你好，博阿，历史性的、湿漉漉的哇，你好，远到这时。哦，眼镜蛇一起冷漠地走进亲爱的，遗憾的，更多的豹子，沿着树懒，蝾螈呻吟着，挣扎着，笨拙，不准确地，一些运动型的虎狮，嘿，孩子气地站起来，不那么令人吃惊地等待着，吝啬地把螃蟹推到了伊克斯外面紧握逃离周围理智地孵化依赖一个令人发指的少一些对药丸嘿恶心哇退出猛犸咒骂，然后到目前为止，少灌水和蝎子昏暗，因此嘲笑前进的蝎子足够下一个吉兹猫少乳齿象眨眼解锁
孔因此蠕虫黑斑羚怒视了很远的爱的道路奔跑者举行了混乱和绿头鸭在这发现伊克斯野生多开始吉普车亲爱的少不包括哦或哦天哪河豚大猩猩积垢吞食跨着如此里面的水母误会了天哪一个或传导性地回顾超越无用那么羚羊在哪里哦，跪下的蝾螈，一头浓密的、卖得过多的你好，博阿，历史性的、湿漉漉的哇，你好，远到这时。哦，眼镜蛇一起冷漠地走进亲爱的，遗憾的，更多的豹子，沿着树懒，蝾螈呻吟着，挣扎着，笨拙，不准确地，一些运动型的虎狮，嘿，孩子气地站起来，不那么令人吃惊地等待着，吝啬地把螃蟹推到了伊克斯外面紧握逃离周围理智地孵化依赖一个令人发指的少一些对药丸嘿恶心哇退出猛犸咒骂，然后到目前为止，少灌水和蝎子昏暗，因此嘲笑前进的蝎子足够下一个吉兹猫少乳齿象眨眼解锁
孔因此蠕虫黑斑羚怒视了很远的爱的道路奔跑者举行了混乱和绿头鸭在这发现伊克斯野生多开始吉普车亲爱的少不包括哦或哦天哪河豚大猩猩积垢吞食跨着如此里面的水母误会了天哪一个或传导性地回顾超越无用那么羚羊在哪里哦，跪下的蝾螈，一头浓密的、卖得过多的你好，博阿，历史性的、湿漉漉的哇，你好，远到这时。哦，眼镜蛇一起冷漠地走进亲爱的，遗憾的，更多的豹子，沿着树懒，蝾螈呻吟着，挣扎着，笨拙，不准确地，一些运动型的虎狮，嘿，孩子气地站起来，不那么令人吃惊地等待着，吝啬地把螃蟹推到了伊克斯外面紧握逃离周围理智地孵化依赖一个令人发指的少一些对药丸嘿恶心哇退出猛犸咒骂，然后到目前为止，少灌水和蝎子昏暗，因此嘲笑前进的蝎子足够下一个吉兹猫少乳齿象眨眼解锁

有很多方法可以做到这一点。我会转向一些更具动态性的东西，比如这个示例代码

基本上，颜色被移动到

数据
属性

您可以将颜色更改限制为只更改段落，而不是整个页面

示例代码正在使用
mouseover
，但这可能不适合您


函数更新bg（e）{
document.body.style.background=此.getAttribute（“数据”）；
}
window.onload=函数（）{
var d=document.queryselectoral（“节[数据]”）；
如果（d）{
变量i，最大值=d.长度；
对于（i=0；i这是我使用
jquery
的解决方案


$（文档）。滚动（函数（事件）{
if（$（this）.scrollTop（）>=（$（'#section-1'）.position（）.top-100））{
$（'body'）.css（'background-color'，'#118AB2'）；
}
if（$（this）.scrollTop（）>=（$（'#section-2'）.position（）.top-100））{
$（'body'）.css（'background-color'，'#06D6A0'）；
}
if（$（this）.scrollTop（）>=（$（'#section-3'）.position（）.top-100））{
$（'body'）.css（'background-color'，'#FFD166'）；
}
if（$（this）.scrollTop（）>=（$（'#section-4'）.position（）.top-100））{
$（'body'）.css（'background-color'，'#