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

Question

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

我的剧本：

$('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();

我的HTML代码示例：

<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>¨

活跃的班级被困在“Hlavnístránka”。