Почему не удаляется класс при скролле?

Question

[Сергей]

Добрый день. Подскажите в чем ошибка и почему не удаляется класс, при возврате к верху страницы элементы остаются с добавленными классами.

window.onscroll = function() {
    const navbar = document.getElementById("navblock");
    const splitInner = document.querySelector(".split-inner");
    
    const sticky = navbar.offsetTop;

    if (window.pageYOffset >= sticky) {
        navbar.classList.add("sticky");
        splitInner.classList.add("stick")
    } else {
        navbar.classList.remove("sticky");
        splitInner.classList.remove("stick");
    }
};

Comments

[ksnk]

Попробуй сразу после присвоения stiky вывести значения в консоль window.pageYOffset и sticky Все будет видно.

Answer 1

[Сергей delphinpro]

Потому что в самом начале

window.pageYOffset == 0
navbar.offsetTop == 0

условие window.pageYOffset >= sticky выполняется