如何修复 Codepen 中的锚点问题:“错误路径 /boomboom/v2

How to fix anchor issue in Codepen : "Bad path /boomboom/v2

我想创建一个锚点来导航到我的网页。我正确地设置了我的表演 "Performances" 应该开车到 :Performances.

当我点击提供的 link 时,出现错误:/boomboom/v2/anchor1,但我认为我的代码是正确的。这是进入 Web 开发人员研究的练习,所以我很尴尬!我正在处理 "Codepen website"

link 到我的代码笔:https://codepen.io/Peyo5202/pen/zYOrzMZ?editors=1000#0

... 演出

我排除了单击 "performance" 将我带到我的 anchor1 的输出,但我有“/boomboom/v2/anchor1”。我该如何解决这个问题?

到link到页面上的ID,您需要在link

中使用#选择器

当您单击性能时,此 html 将正确 link 到该部分:

<li><a href="#anchor1">Performances</a></li>