Css 滚动时，如何更改浮动标题菜单的文本颜色？

我正在建立这个网站，我有一个透明的浮动标题菜单，主页上有白色文本

但是，文本会在向下滚动时隐藏。滚动经过某个点后，有没有办法将文本颜色更改为黑色

下面是到目前为止我添加的CSS脚本

谢谢

/*---菜单间距和颜色---*/
.home#标题右菜单李a{
颜色：#ffffff；
}
.home#标题右菜单ul a{
颜色：#中交；
}
#标题右菜单ul a：悬停{
颜色：#ffffff；
}
.顶部导航a，#标题右侧菜单a{
颜色：#000000；
右边距：80px；
}
#标题右菜单LIA：悬停{
颜色：#ff6600；
}
.顶部导航a，#标题右侧菜单ul a{
背景：#000000；
}
.网站标志img{
左边距：80px；
}
.home.transparent-header.site header{
位置：固定；
顶部：50px；
}
/*---菜单间距和颜色结束---*/

嘿，我看不到您的浮动标题，可能是您的脚本不工作。因为你的网站有一个错误。检查你的消息来源

您的代码在网站上可见：

$('#whitediv').waypoint(function() {
alert('Change your background color of div');
$('.navbar').css('background-color', '#000000');
}, {
offset: '5%'
});

---

此代码是可见的。请检查并更正。那我们就可以好好检查了。谢谢。

嗨，桑妮娅，谢谢你的关注。我在这里找到了一个可能的解决方案，但不知道如何将javascipt实现到wordpress中。我现在已经把它拿出来了