scrollspy函数无法按预期工作

Question

您好我使用的是scrollspy.js并使用this作为教程。我试图按照教程更改我的代码。 Check my code here。我不知道为什么它没有按预期工作。请帮助我提出宝贵的建议。提前致谢。对不起，我没有粘贴下面的整个代码，但它位于上面的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;
   }