Javascript 引导程序4 Scrollspy未在scroll上指示

我想实现一个引导scrollspy。我认为我成功地实现了它，但它不起作用。基于滚动位置的“我的菜单项”不显示。活动类不会添加到锚点。有人能告诉我哪里错了，我的代码应该修改什么吗

ul{
列表样式：无；
填充：0；
}
.滚动区域{
边缘顶部：30px；
高度：250px；
位置：相对位置；
溢出：自动；
}
.滚动区域分区{
高度：300px；
颜色：#fff；
}
.scroll area div:first child{background:green；}
.滚动区域分区：第n个子（2）{背景：紫色；}
.滚动区域分区：第n个子（3）{背景：橙色；}
.滚动区域分区：第n个子（4）{背景：蓝色；}
.滚动区域分区：第n个子（5）{背景：黑色；}
#主导航李{
显示：内联块；
右边距：30px；
}
#主导航李a{
颜色：#000；
}
#主导航李a{
颜色：番茄；
}

奥地利
玻利维亚
加拿大
丹麦
英格兰

Scrollspy组件查找

导航链接

类

   <ul class="nav">
      <li><a href="#a" class="nav-link active">Link1</a></li>
      <li><a href="#b" class="nav-link">Link2</a></li>
      <li><a href="#c" class="nav-link">Link3</a></li>
      <li><a href="#d" class="nav-link">Link4</a></li>
      <li><a href="#e" class="nav-link">Link5</a></li>
   </ul>

---

演示：

谢谢您提供的信息