Добрые люди намекнули как на JS эти инструкции можно записать.
Вот. переписал почти на чистом.
// header scroll
$(window).scroll(function() {
if ($(this).scrollTop() > 1) {
document.getElementsByClassName('navigation')[0].style.display = "none";
document.getElementsByClassName('header')[0].classList.add('header_sticky');
document.getElementsByClassName('logo')[0].classList.add('logo_sticky');
document.getElementsByClassName('header__switch')[0].style.display = "block";
} else {
document.getElementsByClassName('navigation')[0].style.display = "block";
document.getElementsByClassName('header')[0].classList.remove('header_sticky');
document.getElementsByClassName('logo')[0].classList.remove('logo_sticky');
document.getElementsByClassName('header__switch')[0].style.display = "none";
}
}); // end header scroll
Пока что грубоватая модель но хотя бы видно куда двигаться
А как добавить плавности исчезновению? И что значит нулевой индекс массива ([0]) после объявления селектора класса в инструкции?