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

Question

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

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

我的代码与视差效果的小提琴。如果去除视差部分，它可以正常工作。

Answer 1

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

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

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