Javascript 菜单文本更改滚动上的颜色

当有人向下滚动时，我试图使我的菜单文本改变颜色。这是网站。例如，当你在我们的另一个网站上向下滚动时，菜单颜色会从白色变为黑色。我也想做同样的事情

我尝试添加这段代码，使标题换行从透明变为白色。添加了站点标题类，但只更改了背景

<script type="text/javascript">
jQuery(window).scroll(function() {    
    var scroll = jQuery(window).scrollTop();
    if (scroll >= 500) {       
        jQuery(".site-title").addClass("fixedtxt");
    } else

    {
        jQuery(".site-title").removeClass("fixedtxt");
    }
}); 
</script> 

<style>
.site-title.fixedtxt{
background-color:#000000;
}
</style>

jQuery（窗口）.scroll（函数（）{
var scroll=jQuery（window.scrollTop（）；
如果（滚动>=500）{
jQuery（“.site title”）.addClass（“fixedtxt”）；
}否则
{
jQuery（“.site title”）.removeClass（“fixedtxt”）；
}
}); 
.site-title.fixedtxt{
背景色：#000000；
}

（函数（）
{
var设定值=50；
var headerElement=document.getElementById（“标题”）；
var ReferenceElement=document.getElementById（“页面”）；
函数ToggleHeader（setValue、currentPosValue）
{
如果（currentPosValue>setValue）
{
headerElement.style.color=“黑色”；
headerElement.style.backgroundColor=“白色”；
}否则{
headerElement.style.color=“白色”；
headerElement.style.backgroundColor=“透明”；
}
}
ReferenceElement.onscroll=函数（）
{
ToggleHeader（设定点，ReferenceElement.scrollTop）；
document.getElementById（“text”）.innerHTML=“Scroll pos is:”+ReferenceElement.scrollTop；
}
}());
body，html{
保证金：0；
填充：0；
宽度：100%；
身高：100%；
位置：相对位置；
}

公司标志
一些链接1
一些链接2
一些链接3
一些链接4
通过标题时更改标题颜色
一些文字


一些文字


一些文字


一些文字


一些文字


请发布您的代码，以显示您迄今为止尝试的内容。您还必须注意，当菜单变为黑色时，导航栏本身也会变为白色。因此触发了两种效果。请使用您现有的html代码尝试下面的代码。我添加了我尝试使用的代码这是我尝试使用jQuery（window）的代码。scroll（function（）{var scroll=jQuery（window）.scrollTop（）；if（scroll>=500）{jQuery（.site title”）.addClass（“FixedText”）；}else{jQuery（“.site title”）.removeClass（“fixedtxt”）}}；.site title.fixedtxt{背景色：#000000；}添加类和删除类会让事情变得复杂。只需使用Javascript来更改实际的样式属性。简单得多。但逻辑与我的建议非常相似。让我用html代码来解决这个问题，我现在就发布代码片段！好的，谢谢！我不擅长java脚本或用generalI编写代码，只是做了一个快速的解决方案ion-欢迎您以自己的方式实现相同的逻辑。我尝试过，但在我的网站上似乎不起作用