const header = document.querySelector('.header'); // Здесь класс вашей шапки
window.addEventListener('scroll', function() {
if (window.scrollY >= 54) {
header.classList.addClass('header--scrolling'); // Добавить класс, который будет менять стили
} else {
header.classList.removeClass('header--scrolling'); // Убрать
}
});