Как поменять цвет фона сайта после прокрутки?

Question

[mirowdav]

Добрый день! Почему-то постоянно меняется этот фон. То белый, то фиолетовый. Через раз меняется. Как установить цвет фона, который идёт после прокрутки сайта?

Comments

[GR么ND]

У меня была такая функция на своем сайте я могу дать готовый код. Скоро я дам вам ссылку на репозиторий со всеми файлами

[GR么ND]

Вот готовый код:

window.addEventListener("scroll", function() {

    const header = document.querySelector("Тут айди или класс объекта у которого надо изменить фон.");
    var $scrollPosition = window.scrollY;
    
    if($scrollPosition > 0) {
       header.classList.add('название класс в котором в CSS прописаны свойства бэкграунда');
       }        
    if($scrollPosition == 0) {
           header.classList.remove('тоже самое');
       }
    
})

Был рад помочь если будут вопросы обращайтесь
Весь код очень простой и понять думаю не сложно. Сначало окну(window) мы задаем обработчик события прокрутки страницы. Потом в константу header мы мы помещаем объект у которого надо изменить бэкграунд или другие свойства. В переменной $scrollPosition мы получаем текущий Y страницы. Потом мы проверяем если значение выше нуля (можете подставить свое) то добавляем объекту класс например color а заранее в CSS прописываем в этом классе свойства которые нужно добавить. А если значение равно 0 то у объекта удаляется этот класс. Будут вопросы пишите

[mirowdav]

Спасибо! Поставим код, отпишу) Думаю получится