css - 滚动时如何更改 float 标题菜单的文本颜色？

Question

我正在 build 这个网站 www.shapeinthecity2.unicornrobots.com我在主页上有一个带有白色文本的透明 float 标题菜单。

但是，当您向下滚动时，文本会被隐藏。滚动到某个点后，是否可以将文本颜色更改为黑色？

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

谢谢

/*--- Menu Spacing & Color ---*/

.home #header-right-menu li a {
    color: #ffffff;
}
.home #header-right-menu ul ul a {
    color: #cccccc;
}
#header-right-menu ul ul a:hover {
    color: #ffffff;
}
.top-navigation a, #header-right-menu a {
    color: #000000;
    margin-right: 80px;
}
#header-right-menu li a:hover {
    color: #ff6600;
}
.top-navigation a, #header-right-menu ul ul a {
    background: #000000;
}
.site-logo img {
    margin-left: 80px;
}
.home.transparent-header .site-header {
    position: fixed;
    top:50px;    
}
/*--- Menu Spacing & Color End ---*/

Answer 1

嘿，我看不到您的 float 标题，可能是您的脚本无法正常工作。由于您的网站有一个错误。检查您的来源。

您的代码在网站上可见:

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

这段代码是可见的。请检查并更正。然后我们就可以正常检查了。谢谢。