锚定到同一页面上的ID的链接不起作用

时间:2019-05-05 15:57:14

标签: html css

我知道已经有人问过这个问题,但是我遍历了所有现有线程,但仍然无法解决问题。在我的本地计算机上,所有锚标签都运行良好,当我单击链接时,它会跳到该部分。但是,由于我部署了该站点,因此突然停止工作,并且单击链接后没有任何反应。 这是我的git存储库的链接。 https://github.com/Marburc/seventis/tree/gh-pages

已经尝试使用name属性而不是id。

  <li class="nav-item">
      <a class="nav-link" href="#angebot">Angebot</a>
   </li>
  <section id="angebot">
...
</section>

1 个答案:

答案 0 :(得分:0)

由于“混合内容”错误,您的jquery无法加载。您正在请求HTTP资源,但是您的站点是通过HTTPS加载的。因此,为了保护用户chrome阻止它。解决方案是像这样将其更改为https:

<script src="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>

如果没有jquery,其他一些插件(例如用于平滑滚动的animate函数)将无法正常工作。

它在页面底部。