スクロールメニューのメニューとロゴの色の変更方法は？

Question

私は固定メニューを持っていて、下にスクロールすると、ヘッダーメニューの色が白く変わります。私はこのJQを挿入しました：

にmy site、私はそれに取り組んでいます。しかし、白い色はすべてのテキストをオーバーライドし、近くにあるときにのみテキストを表示します。どのように色を反転させてロゴを作成し、テキストを白い背景で黒くするのですか？私はこのCSSを見つけました：

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

しかし、JQに含める方法は分かりません。

Answer 1

#navigation要素のテキストの色を変更する必要があります。

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

EDIT：あなたはこのようにこれを行うことができますはい

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