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

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

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

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