Question

我正在创建视差网站。我面临的问题是，当页面向下滚动时，它不会改变徽标的颜色，当页面向下滚动时我想让它变成蓝色。它的默认颜色现在为白色。我不知道如何解决它。

此处的代码是页面向下滚动时的导航代码我想在向下滚动时更改徽标颜色。

var a = $(".navbar-default").offset().top;
$(document).scroll(function() {
  if ($(this).scrollTop() > 10) {
    $('.navbar-default').css({
      "background": "#fff"
    });
  } else {
    $('.navbardefault').css({
      "background": "transparent"
    });
  }
});

Answer 1

我能想到的唯一可能是你的问题是你的班级名称中的拼写错误接近结尾（.navbardefault）。修复后，我看到我认为是你的预期行为。

var a = $(".navbar-default").offset().top;
$(document).on('scroll', function() {
  if ($(this).scrollTop() > 10) {
    $('.navbar-default').css({
      "background": "#fff"
    });
  } else {
    $('.navbar-default').css({
      "background": "transparent"
    }).removeClass('after-scroll-nav-border');
  }
});

body {
  background: red;
  height: 600px;
}
.navbar-default {
  position: fixed;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<a class="navbar-default">Nav Bar</a>

我想在页面向下滚动时更改徽标文本颜色

1 个答案: