Javascript 在scroll上添加和删除活动类不起作用

我是一个程序员初学者，我遇到了这个问题。我的脚本没有在导航栏中添加或删除类“active”。有人能帮我吗

我的剧本：

$('nav a').on('click', function() {

  var scrollAnchor = $(this).attr('data-scroll'),
    scrollPoint = $('section[data-anchor="' + scrollAnchor + '"]').offset().top - 28;

  $('body,html').animate({
    scrollTop: scrollPoint
  }, 500);

  return false;

})


$(window).scroll(function() {
  var windscroll = $(window).scrollTop();
  if (windscroll >= 100) {
    $('nav').addClass('fixed');
    $('.wrapper section').each(function(i) {
      if ($(this).position().top <= windscroll - 20) {
        $('nav a.active').removeClass('active');
        $('nav a').eq(i).addClass('active');
      }
    });

  } else {

    $('nav').removeClass('fixed');
    $('nav a.active').removeClass('active');
    $('nav a:first').addClass('active');
  }

}).scroll();

$（'nava'）。在（'click'，function（）上{
var scrollAnchor=$（this）.attr（'data-scroll'），
scrollPoint=$（'section[data-anchor=“”+scrollAnchor+'“]'）.offset（）.top-28；
$（'body，html'）。设置动画({
scrollTop:scrollPoint
}, 500);
返回false；
})
$（窗口）。滚动（函数（）{
var windscroll=$（window.scrollTop（）；
如果（风切变>=100）{
$（'nav'）.addClass（'fixed'）；
$（'.wrapper节'）。每个（函数（i）{
如果（$（this）.position（）.top
Naše pokoje a前列腺
¨

---

活动的类被固定在“Hlavnístránka”上。

$（'.wrapper section'）

-我没有看到任何满足此选择器的项，因为您的元素都没有类

包装器。

。此外，由于您的元素非常嵌套，您最好使用

offset（）.top

而不是

position（）.top

。我刚刚编辑了一些内容，只有当页面足够高时，它才能正常工作。

<nav id="nav">
  <ul>
    <li><a href="#" data-scroll="home">Hlavní stránka</a></li>
    <li><a href="#" data-scroll="rooms">Naše pokoje</a></li>
    <li><a href="#" data-scroll="prizes">Ceník</a></li>
    <li><a href="#" data-scroll="footer">Kontakt</a></li>
  </ul>
</nav>

<!-- Banner -->
<section id="banner">
  <header style="background-color: transparent;">
    <br>
    <br>
    <br>
  </header>
</section>

<!-- Main -->
<div id="main-wrapper">
  <div class="container">
    <div class="row">
      <div class="12u">

        <!-- rooms -->
        <section id="rooms" data-anchor="rooms">
          <header class="major">
            <h2>Naše pokoje a prostory</h2>
          </header>¨