Question

我正在构建此网站www.shapeinthecity2.unicornrobots.com，我在主页上有一个带有白色文字的透明浮动标题菜单。

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

以下是我目前添加的CSS脚本

由于

＆＃13;

/*--- 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 ---*/

＆＃13;

Answer 1

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

您的代码在网站上可见：

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

此代码可见。请检查并纠正。然后我们可以正确检查。感谢。

滚动时如何更改浮动标题菜单的TEXT颜色？

1 个答案: