Фиксированный хедер с плавной сменой фона

Заголовок

document.addEventListener('DOMContentLoaded', function() {
           const header = document.getElementById('header-pos-top-fixed');

           window.addEventListener('scroll', function() {
               if (window.scrollY > 0) {
                   header.classList.add('scrolled');
               } else {
                   header.classList.remove('scrolled');
               }
           });
       });

текст