ScrollTop Jquery Js

Question

我希望每次用户滚动页面时，我的标题都变成黑色

以下是功能：

$(windows).on('scroll', function(){
if($(window).scrollTop()) {
$('nav').addClass('scroll');
}
else {
$('nav').removeClass('scroll');
}
});

header {
width: 100%;
height: 100vh;
background-image: url("./assets/header.png");
background-size: cover;
background-position: center;
}
nav {
position: fixed;
width: 100%;
}
nav.scroll ul {
background-color: #000;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<header>
<nav id="header_frame">
<div class="hamburger">
<i class="fa-solid fa-bars"></i>
</div>
<div class="menu">
<ul>
<li> <a href="#"> Le coté Lumineux </a> </li>
<li> <a href="#"> Le coté Obscur </a> </li>
<li> <a href="#"> L'empire </a> </li>
<li> <a href="#"> les Droïdes </a> </li>
<li> <a href="#"> Les Ewoks </a> </li>
<li> <a href="#"> Jabba Le Hutt </a> </li>
</ul>
</div>
</nav>
</header>

但它不起作用，但控制台中出现了一条错误消息："index.html:100未捕获引用错误：未定义窗口在index.html:100:11"处；

请帮我

Answer 1

您的代码中存在语法错误：

$(window).on('scroll', function(){});

不是

$(windows).on('scroll', function(){});

jQuery全局对象窗口没有">S"；性格