Question

我目前正在通过引导程序进行单页导航导航。由于我不知道使用routerLink滚动到某些div的ID的方法，因此我使用的是href=#id，到目前为止效果还不错。我目前正在尝试onWindowScroll类active将根据显示的当前div交换其所有者。

因此，例如，当用户滚动到about时，active类应分配给关联的nav-link，在这种情况下，显然是about us

。

@HostListener('document:scroll', [])
  onWindowScroll() {

  }

<div class="container-fluid">
  <a class="nav-link logo float-left" href="#">peak design</a>
  <ul class="nav justify-content-end">
    <li class="nav-item">
      <a class="nav-link active" href="#">Home</a>
    </li>
    <li class="nav-item">
      <a class="nav-link" href="#about">About us</a>
    </li>
    <li class="nav-item">
      <a class="nav-link" href="#">Our work</a>
    </li>
    <li class="nav-item">
      <a class="nav-link" href="#">Contact us</a>
    </li>
  </ul>
</div>

滚动上的角度更改活动导航链接

0 个答案: