使用视差代码更改导航条干扰的颜色

Question

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

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

我的代码的fiddle具有视差效果。如果你移除了视差部分，它就可以正常工作。

Answer 1

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

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

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