addClass在项目中不起作用

Question

我试图在滚动条上更改菜单bg，我被困在这里。 ＆＃34; addClass＆＃34;只是不适用。我有这样的想法：

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

CSS

nav {
    position: fixed;
    right: 0;
    left: 0;
    margin: 0;
    min-height: 50px;
    padding: 10px;
    z-index: 3;
    transition: all .3s ease-in-out;
}

nav.scrolling {
    background-color: #424242;
}

JS

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

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

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

Answer 1

麻烦在于

html {
  height: 100%;
}