Scrollspy

<nav id="navbar-example2" class="navbar bg-body-tertiary px-3 mb-3">

 <a class="navbar-brand" href="#">Navbar</a>

• <a class="nav-link" href="#scrollspyHeading1">First</a>
• <a class="nav-link" href="#scrollspyHeading2">Second</a>
• <a class="nav-link dropdown-toggle" data-bs-toggle="dropdown" href="#" role="button" aria-expanded="false">Dropdown</a>
  • <a class="dropdown-item" href="#scrollspyHeading3">Third</a>
  • <a class="dropdown-item" href="#scrollspyHeading4">Fourth</a>

  • ---

  • <a class="dropdown-item" href="#scrollspyHeading5">Fifth</a>

</nav>

First heading

...

Second heading

...

Third heading

...

Fourth heading

...

Fifth heading

...