Question

我有一个简单的HTML问题，我正在努力解决。我想创建一个锚点，将用户引导到同一页面中的特定内容。但是，只需指向内容，只需刷新页面即可。

以下内容是我跳到同一页面上的某个点所做的，所以我做了以下内容：

  <p><a href="#arcadia" name="arcadia">Arcadia</a></p>

以及单击时要跳转到的内容如下：

<h4><b><img alt="" id="arcadia" name="arcadia" src="/Image/location-marker-blue.png" style="width: 35px; height: 35px; position: relative; left: -5px;" />Arcadia: Primary Care</b></h4>

但是，正如我所提到的，它只是刷新页面。我做错了什么？

Answer 1

它按照您编写的方式工作，但我不会两次使用相同的name属性值。您只需要在锚点和链接之间以及锚点下方创建足够垂直距离的内容以查看效果：

.x {
height: 800px;
background: #eee;
}

  <p class="x"><a href="#arcadia">Arcadia</a></p>


<h4><b><img alt="" id="arcadia" name="arcadia" src="http://placehold.it/40x24/fa0" style="width: 35px; height: 35px; position: relative; left: -5px;" />Arcadia: Primary Care</b></h4>
  <p class="x">another high element</p>

锚定标记，用于定位同一页面中的内容不起作用

1 个答案: