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