JavaScript TypeError：无法读取滚动的null属性'style'

问题描述

我需要解决此问题，但我不知道该怎么做。我认为这很容易，但是我不太擅长js。但这代码很好用。

var prevScrollpos = window.pageYOffset;
window.onscroll = function () {
    var currentScrollPos = window.pageYOffset;
    if (prevScrollpos > currentScrollPos) {
        document.getElementById("w-sticky-header").style.top = "0";
    } else {
        document.getElementById("w-sticky-header").style.top = "-50px";
    }
    prevScrollpos = currentScrollPos;
}

这是我的粘性标头js代码。但这会导致出现警报，如图所示：

解决方法

从技术上讲，这意味着代码无法找到具有给定id的元素。请检查您的html是否包含具有ID的此元素。