jQuery определить цвет фона фиксированного элемента

Question

У меня есть кнопка белого меню, которая имеет фиксированное положение. У меня есть раздел на моем сайте, который имеет белый цвет фона. Мои цели состоят в том, что когда кнопка меню прокручивается над белой секцией, она становится черной, а не белой.

Я просто не знаю, как я могу определить цвет фона моего фиксированного элемента? Возможно ли это?

вот что мой JQuery выглядит следующим образом:

$color = how to detect bg color?; 

if ($color == "#fff"){ 
    $("nav-icon2").css("color", "#000"); 
}else{ 
    $("nav-icon2").css("color", "#fff"); 
} 

Answer 1

просто!

var $color = $('nav-icon2').css('background-color'); 

Answer 2

Вы можете сделать это с помощью:

$color = $("your-element").css("backgroundColor"); 

Answer 3

Вот рабочая скрипку на основе этого решения: How to get the background color code of an element?

See this fiddle

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(''); 
} 

EDIT:

Если я правильно понимаю ваш вопрос, вы этого хочет:

See this updated fiddle

$(window).scroll(function(){ 
    if($(window).scrollTop() > 350){ 
    $("h2").css('color','#f00'); 
    }else{ 
     $("h2").css('color','#fff'); 
    } 
});