Как делать шапку прозрачной над конкретными секциями на сайте?

Question

[Максим js]

делаем шапку серую и класс header.transparent с прозрачным фоном
вешаем класс на блоки где нужна прозрачная шапка transparent
делаем функцию

$(window).scroll(function () {
    if ($(this).scrollTop() скроллится по блоку hasClass('transparent') {
        $('.header').addClass('transparent');
    } else {
        $('.header').removeClass('transparent');
    }
});

Подскажите как можно такое сделать?

Answer 1

[Danny Arty]

Можно в лоб вот так

Comments

[Максим js]

А в самой верхней точке почему не прозрачная шапка если он на блоке с прозрачной?

[Danny Arty]

Максим js, упс, переборщил. Все исправил

[Максим js]

Danny Arty, Спасибо)