javascript - 如何使滚动菜单中的菜单和 Logo 颜色变化？

Question

我有固定的菜单，当向下滚动时，标题菜单的颜色变为白色。我插入了这个 JQ:

jQuery(document).scroll(function(){
if(jQuery(this).scrollTop() > 300)
{   
   jQuery('#navigation').css({"background":"white"});
} else {
   jQuery('#navigation').css({"background":"transparent"});
}
});

进入my site ，我正在努力。但白色会覆盖所有文本，并且仅在接近文本时显示文本。那么如何让logo反色，文字变成白底黑呢？我找到了这个CSS:

 -webkit-filter: invert(.8);
  filter: invert(.8);

但不知道如何包含在JQ中。

Answer 1

您必须更改#navigation 元素的文本颜色。你可以这样做:

jQuery('#navigation').css({"color":"black"});

编辑:
从我在你的网站上看到的内容，我想出了这个:

jQuery(document).scroll(function() {
  if (jQuery(this).scrollTop() > 300) {   
    jQuery('#navigation').css({"background":"white"});
    jQuery('.menu-item').css({"color":"black"});
  } else {
    jQuery('#navigation').css({"background":"transparent"});
    jQuery('.menu-item').css({"color":"white"});
  }
});