javascript - 使用视差代码更改导航栏干扰的颜色

Question

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

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

fiddle我的代码与视差效果。如果您删除视差部分，它会正常工作。

Answer 1

您的 jquery 非常好。当您删除视差时它起作用的原因实际上是由于从 CSS 中的 .parallax 类中删除了 overflow 属性。由于您有一个固定的导航栏，这会产生您提到的干扰。

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

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