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

Question

I have fixed menu, and when scroll down, header menu change color in white. I have inserted this JQ:

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

into my site , that i work on it. But white color override all text and show only text when is close to it. So how to make logo in invert color, and text to be black in white background? I have found this CSS:

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

But dont know how to include in JQ.

Answer 1

You have to change the text color of your #navigation element. You could do this like this:

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

EDIT:
From what i can see on your website, i came up with this:

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"});
  }
});