scrollspy函数无法按预期工作

Question

嗨，我正在使用scrollspy.js并将其用作教程。 我试图按照教程更改代码。 在这里检查我的代码 。 我不知道为什么它不能按预期工作。 请给我您的宝贵建议。 提前致谢。 抱歉，我没有在下面粘贴整个代码，但在上面的Codepen链接中。

 nav {
   width: 100%;
   background-color: white;
   height: 75px;
    }

.nav-wrapper ul{
    list-style: none;
    margin: 0 0 0 0;
    padding: 0;
  }

 .nav-wrapper ul li {
   display: inline-block;
   margin: 0 0 0 0px;
   padding: 0;
   }

 .nav-wrapper a ul li.active a {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: inherit;
    }

 .nav-wrapper a ul li.blues {
   border-bottom-color: #FF0000;
   border-bottom-width: 2px;
   }

 .nav-wrapper ul li.greens {
    border-bottom-color: #FFFFFF;
    border-bottom-width: 2px;
   }

.nav-wrapper ul li.oranges {
  border-bottom-color: #FFFFFF;
  }

 .nav-wrapper ul li.yellows {
   border-bottom-color: #FFFFFF;
  }

 .nav-wrapper ul li a:link,
 .nav-wrapper ul li a:visited,
 .nav-wrapper ul li a:active,
 .nav-wrapper ul li a:hover,
 .nav-wrapper ul li a:focus {
 color: #333;
 text-decoration: none;
 padding-bottom: 0px;
  }

.top-page {
 margin-top: 75px;
 }

.page {
 min-height: 500px;
   }