定位到同一页面中内容的定位标记无法正常工作

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>