Не работает scrollTop?

Question

[Sticky Rain]

Почему не работает данный код:

window.addEventListener("scroll", function() {
    let block = document.querySelector("#block");
    if (window.scrollTop) {
        block.style.background = "black";
        } else {
        block.style.background = "red";
        }
    })

Comments

[0xD34F]

Почему не работает...

Работает. Попытайтесь осознать, что "не работает" и "работает не так, как я того ожидаю" - не одно и то же.

[Sticky Rain]

0xD34F, он вроде бы при прокрутке вниз или верх должен менять black и red цвет....

Answer 1

[Роман]

У обьекта window нету такого свойства как scrollTop(оно есть в jquery но не в чистом js), вместо этого вы можете использовать this.pageYOffset(window. pageYOffset)
либо this.scrollY(window.scrollY) :

window.addEventListener("scroll", function() {
    let block = document.querySelector(".block");
    
    if (this.scrollY) {
        block.style.background = "black";
        } else {
        block.style.background = "red";
        }
    })

Comments

[Sticky Rain]

Спасибо!!

[Роман]

Sticky Rain, незачто)