Question

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

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

进入my site，我正在研究它。但是白色会覆盖所有文本，并且在接近它时仅显示文本。那么如何在反转颜色中制作徽标，在白色背景中将文字设为黑色？我找到了这个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"});
  }
});

如何在滚动菜单中更改菜单和徽标颜色？

1 个答案: