滚动栏上的导航栏会改变颜色吗？

Question

用文字表达是很复杂的，但是我走了。 好吧，所以目前我正在开展一个项目，要求我做一件事。当导航栏太过某一点时，我希望颜色改变。所以，假设我有一个白色导航栏，下面是灰色。我该怎么做？

Answer 1

我认为你不能用HTML / CSS做这个工作

<强>使用Javascript / jQuery的

$( window ).scroll(function() {
  if ($( window ).scrollTop() > 500) {
    $('.nav').addClass('updated-color')
  } else {
    $('.nav').removeClass('updated-color')
  }
})

<强> CSS

.nav {
  background-color: white;
}
.nav.updated-color {
  background-color: gray;
}