Javascript 滚动条上的背景颜色更改

我想改变卷轴上的背景色，但我认为问题是我使用的是引导。你能帮助我吗？有什么解决办法吗？我几乎可以肯定，它不会工作，因为引导。我不能输入数据颜色！重要信息或使用JavaScript。如何覆盖引导类

const sections=document.querySelectorAll（'.bg'）；
函数changeBackground（）{
const bottom=window.scrollY+window.innerHeight；
sections.forEach（section=>{
section Middle=section.offsetTop+（section.OffsetLight/2）；
如果（底部>中间部分）{
document.body.style.backgroundColor=section.dataset.color；
}
});
}
window.addEventListener（'scroll'，changeBackground）
*{
保证金：0；
填充：0；
框大小：边框框；
}
身体{
背景色：#9bc3f6；
过渡：背景。8s；
}
.第1节、.第2节{
高度：100vh；
宽度：100%；
}


你好，世界
你好，世界2
这不是css的最佳实践！重要信息：要覆盖css规则，要覆盖引导css规则，最好在选择器中添加额外的标记：
例如：

``const sections = document.querySelectorAll('body .bg');``

或：

添加
应该没有问题！重要信息
背景色后面的标签

。是的，在CSS中。但是背景颜色是通过JavaScript动态改变的。如果我加上！在CSS中背景颜色的背后，它不会更改为下一个背景颜色。你的代码片段工作正常（FF）哈哈哈哈哈哈哈哈，我现在看到了，我在程序中犯了一个键入错误。谢谢：）不要责怪Bootstrap；问题总是在键盘和椅子之间。您的代码片段工作正常。到底是什么问题？谢谢你的帮助，我已经解决了这个问题。但无论如何，谢谢。

``const sections = document.querySelectorAll('html body .bg');``