如何在滾動菜單中更改菜單和徽標顏色？

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