Javascript 更改导航栏的颜色与视差代码的干扰

我试图使导航栏的颜色在向下滚动后发生变化，但当我这样做时，它不起作用。 在我的页面中，首先是导航栏的代码，然后是一个div，其中有一个视差向下滚动的视频画布

我认为它不起作用，因为导航栏和视差代码之间可能存在一些干扰。这是因为当我试图删除视差代码时，它工作正常

---

我的代码有视差效果。如果删除视差部分，它将正常工作。

您的jquery非常好。当您删除视差时，它工作的原因实际上是由于从CSS中的

.parallax

类中删除了

overflow

属性。由于您有一个固定的导航栏，这会产生您刚才提到的干扰

.parallax {
  perspective: 1px;
  height: 100vh;
  overflow-x: hidden; //remove
  overflow-y: auto; //remove
  width: 100%;
}

---

删除溢出属性，它应该可以正常工作。

它确实可以工作，但现在它在右侧创建了一个空格：我不希望这样。在这种情况下，您可以保留

溢出属性（将两者都更改为
溢出：隐藏
）你需要增加视差的高度来表示高度：200vh；仍然不起作用。尝试使用不同的高度值，但它会在视频后隐藏内容块。