$(window).on("scroll", function() {
$(селектор header).toggleClass("active", $(this).scrollTop() > $(window).height());
});
Тут, шапка будет меняться, если пользователь прокрутил больше чем на 100vh ($(window).height() - это 100vh)
Изменено: Только класс active ты должен написать в css (написать какие стили header будут изменяться)
