Javascript 当进入特定的全屏部分时，是否有办法更改标题背景？

我搜索了又搜索，没有运气，在进入一个特定的全屏部分时改变了标题背景。 我已经找到了针对具有特定高度的div的jquery解决方案，但我不知道如何应用于高度为100vh、宽度为100vw的元素

这可能吗

部分{ 高度：100vh； 宽度：100vw； } 第一节{ 背景色：白色； } 第二节{ 背景颜色：绿色； } 第三节{ 背景颜色：蓝色； } 第四节{ 背景颜色：橙色； } 标题{ 背景颜色：紫色； 颜色：白色； 高度：30px； 位置：固定； 宽度：100%； 排名：0； z指数：1； } 保险商实验室{ 填充：0； 保证金：0； } ulli{ 显示：内联块； 填充物：5px； }

---

这可以是一个使用普通javascript和scroll事件处理程序的实现，对当前html结构的更改最小。这也支持单击锚定链接

让activeHeader=null； 函数setCurrentSection{ const sections=document.getelementsbytagnamesesection； 常量scrollPosition=document.documentElement.scrollTop； forlet i=0；i如果scrollDifference>=0&&scrollDifference如果我理解正确，您想在滚动或单击标题的锚定时根据视口中的div修改标题的背景颜色吗？没错！我很想知道是否可以修改导航链接颜色。请参阅此演示：我相信这可以解决您的问题使用滚动事件监听器。您可以始终使用纯javascript，无需jQuery。当您希望根据设备的常规类型（如打印与屏幕）或特定特征和参数（如屏幕分辨率或浏览器视口宽度）修改站点或应用程序时，媒体查询非常有用。我不认为这是一个问题css和媒体样式的估计，但容器滚动调整标题的样式。媒体查询在这种情况下没有帮助。。。