单击导航栏不会滚动到正确的位置，但在 URL 栏中键入会

Question

导航栏的 HTML...

    <nav id="navbar" class="navbar">

    <ul>
      <li><a class="nav-link scrollto active" href="#hero">Home</a></li>

      <li><a class="nav-link scrollto" href="#about">About</a></li>
      <li><a class="nav-link scrollto" href="#portfolio">The World</a></li>
      <li><a class="nav-link scrollto" href="#journal">Journal</a></li>
      <li><a class="nav-link scrollto" href="#contact">Contact</a></li>

    </ul>
    <i class="bi bi-list mobile-nav-toggle"></i>
  </nav><!-- .navbar -->

此外，我有我想要使用 id= 标签的部分。比如……

 <div id="hero" name="hero" class="home">
 <div id="about" class="paddsection">
 <div id="portfolio" class="paddsection">
 <div id="journal" class="paddsection">
 <div id="contact" class="paddsection">

奇怪的是，当我在导航栏中单击“英雄”、“服务”和“组合”时，它们都可以正常工作。但是，“期刊”和“联系人”只是滚动到“投资组合”部分中的某个位置。此外，如果我在 URL 栏中手动输入#journal 或#contact，那么它可以工作！我迷路了，请帮忙！

Answer 1

也许您的浏览器缓存已满，请尝试按 ctrl + alt f5 清除并更新。如果可能，也尝试在其他浏览器中进行测试。