Question

我有一个主页，其中包含几个不同的部分：

简介
服务
项目

所有内容都存在于同一页面上。我的导航结构使用Angular2片段根据用户选择“简介”，“服务”或“项目”滚动到特定部分。导航HTML如下所示：

.container {
  border: solid 1px red;
  height: 130vh;
}

<header>
  <ul class="menu-bar primary large-condense large-align-center medium-expand large-text-center">
    <li>
      <a routerLink="/home" href="#homePageTop">Home</a>
    </li>
    <li>
      <a routerLink="/home" fragment="services" href="#serviceContainer">Services</a>
    </li>
    <li>
      <a routerLink="/home" fragment="projects" href="#projectContainer">Projects</a>
    </li>
  </ul>
</header>

<section id="homePageTop" class="home-desktop-container container">
  INTRODUCTION HERE...
</section>


<section id="serviceContainer" class="serviceContainer container">
  SERVICES HERE...
</section>


<section id="projectContainer" class="projectContainer container">
  PROJECTS HERE...
</section>

此代码在Google Chrome和Microsoft Edge中按预期工作，因为我可以点击服务和项目链接，并滚动到主页的正确部分。但是，在Firefox中，我没有滚动到正确的部分。在Firefox中，浏览器中的URL会更改以反映片段（http://localhost:4200/home#projects），但我从未被带到目标部分。主页只是重新加载，我在页面的顶部。

有关为何在Chrome和Edge中使用此功能而不是Firefox的任何想法？也没有错误发送到控制台。

感谢您的时间。

Answer 1

将Firefox 49.0.1与＆＃34;运行代码段＆＃34;一起使用链接;家庭，服务和项目链接似乎与我的Chrome一样。

您的Firefox浏览器是否可以缓存旧文件？

在Firefox浏览器中按F5刷新缓存文件后会发生什么？

Firefox中忽略了Angular2 URL片段

1 个答案: