Javascript addClass不在项目中工作

我正试图改变卷轴上的菜单背景，我被困在这里。addClass不适用。我有这样的smt：

<nav>
 <ul>
   <li></li>
   <li></li>
   <li></li>
   <li></li>
   <li></li>
 </ul>
</nav>

JS

---

它正在工作，但不在我的项目中。

问题出在

html {
  height: 100%;
}

---

当您滚动时，控制台会显示什么？你是在正文末尾添加JS文件吗？注意$'nav'，你是在它之后调用依赖DOM的代码吗？我试着在正文中包含JS代码，在它之前和之后。什么都没发生。控制台没有说什么。您确定文档的高度允许滚动超过500px吗？

$(window).scroll(function() {    
    var scroll = $(window).scrollTop();

    if (scroll >= 500) {
        $("nav").addClass("scrolling");
    } else {
        $("nav").removeClass("scrolling");
    }
});

html {
  height: 100%;
}