css - 如何使粘性标题中的文本和图标变黑？

Question

我在 site 中将粘性标题中的菜单文本和图标设置为黑色时遇到问题.我搜索了正确的类，但无法在 CSS 样式中找到它。我试过这个 CSS:

.header-wrapper .stuck {
  color: #000 !important;
}

但不作任何改变。那么如何使粘性标题中的文本和图标变黑？

Answer 1

根据您提供的网站，您只需要在滚动时从具有 id #masthead 的 div 中删除名为 .nav-dark 的类(或.stuck 类添加了 .header-wrapper).

包括 jQuery:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

使用 jQuery:

function customizeHeader() {
  var window_top = $(window).scrollTop();
  if ($('.header-wrapper').hasClass('stuck')) {
    $('#masthead').removeClass('nav-dark');
  } else {
    $('#masthead').addClass('nav-dark');
  }
}

$(function() {
  $(window).scroll(customizeHeader);
  customizeHeader();
});

你会得到类似的东西:

希望这就是您要实现的目标并且对您有所帮助!