我有一个位置固定的白色菜单按钮。我的网站上有一个部分具有白色背景颜色。我的目标是,当菜单按钮滚动到白色部分时,它会变成黑色而不是白色。
我只是不知道如何检测固定元素的背景颜色?这可能吗?
这是我的 jQuery 的样子:
$color = how to detect bg color?;
if ($color == "#fff"){
$("nav-icon2").css("color", "#000");
}else{
$("nav-icon2").css("color", "#fff");
}
最佳答案
这是一个基于此解决方案的工作 fiddle : How to get the background color code of an element?
var color = '';
var x = $(".nav-icon2").css('backgroundColor');
hexc(x);
alert(color);
function hexc(colorval) {
var parts = colorval.match(/^rgb\((\d+),\s*(\d+),\s*(\d+)\)$/);
delete(parts[0]);
for (var i = 1; i <= 3; ++i) {
parts[i] = parseInt(parts[i]).toString(16);
if (parts[i].length == 1) parts[i] = '0' + parts[i];
}
color = '#' + parts.join('');
}
编辑:
如果我正确理解你的问题,你想要这个:
$(window).scroll(function(){
if($(window).scrollTop() > 350){
$("h2").css('color','#f00');
}else{
$("h2").css('color','#fff');
}
});
关于javascript - jQuery 检测固定元素的背景颜色,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36312680/