Question

我有一个html页面，其中有几个列表嵌套在一个父列表中。我想在每个列表的底部创建一个链接，单击该链接会将用户带到列表项的顶部。

据我所知，可以像这样创建指向页面顶部的链接：

<a href="#">Top of Page</a>

我正在寻找的一个例子是

<a href=" ">Top of List</a>

Answer 1

href可以指向列表的id。

所以，如果你有

<ul id="MyList">
     <li>Example one</li>
     <li>Example two</li>
     <li>etc...</li>
</ul>

您可以通过以下方式链接到它：

<a href="#MyList">Top of list</a>

您提供的初始示例，链接到“＃”会跳转到页面顶部，因为它实际上是一个未使用的ID，它始终位于页面顶部。

Answer 2

您需要#符号来引用ID：

<ul id="firstlist">
     <!-- List goes here -->
</ul>

<a href="#firstlist">Go to top</a>

Answer 3

使用<a name="name">代码

JSFIDDLE

<li>list  </li>
<li> list </li>
<li> list </li>
<li> list </li>
<li> list </li>
<li> list </li>
<li> list </li>
<li> <a name="name"> here </a></li>
<li> list </li>
<li> list </li>
<a href="#name">go to top</a>

链接到列表顶部

3 个答案: