Question

为了清晰起见，编辑了问题。

在我的应用程序中，让我们在一些网址上说如下：http://127.0.0.1:8000/blog/并在我的HTML页面中显示：

<a href="#top">Back to top</a>

当我将鼠标悬停在该链接上时，网址会显示：http://127.0.0.1:8000/#top，而不是http://127.0.0.1:8000/blog/#top，正如我所期望的那样。

这里发生了什么？我该如何解决？如果需要其他任何内容，请告诉我。

这是我的HTML摘要：

<!DOCTYPE html>
<head>
  <title>...</title>
  <base href="/">
  <!-- JQuery, Bootstrap, Bootstrap Javascript stuff included here -->
</head>
<body>
  <header>
    <!-- header stuff from Bootstrap -->
  </header>

  <section id="top">
    <!-- page-based contents here -->
  </section>

  <footer>
    <!-- Dead simple one-line footer -->
  </footer>
</body>
</html>

Answer 1

我的HTML标头中有一个<base href="/">标记正在将哈希解析为http://127.0.0.1:8000/#而不是正确的位置。

滚动到顶部链接无法正确解析

1 个答案: