如何导航到页面的某个部分

Question

我有一个带链接的登录页面.如何将用户引导至其他页面的某个部分？

主页:

<a href="/sample">Sushi</a>
<a href="/sample">BBQ</a>

样本页面:

<div id='sushi'></div>
<div id='bbq'></div>

单击主页面中的"Sushi"或"BBQ"应该将用户导航到id sushi或bbq(分别)页面的div sample.

没有JQuery可以吗？我不介意使用JQuery,但使用html的更简单的解决方案也可以.

Answer 1

使用HTML的锚点:

主页:

<a href="sample.html#sushi">Sushi</a>
<a href="sample.html#bbq">BBQ</a>

样本页面:

<div id='sushi'><a name='sushi'></a></div>
<div id='bbq'><a name='bbq'></a></div>

Answer 2

包裹你的div

<a name="sushi">
  <div id="sushi">
  </div>
</a>

并链接到它

<a href="#sushi">Sushi</a>

Answer 3

使用锚点.

主页:

<a href="/sample#sushi">Sushi</a>
<a href="/sample#bBQ">BBQ</a>

样本页面:

<div id='sushi'><a name="sushi"></a></div>
<div id='bbq'><a name="bbq"></a></div>

Answer 4

使用超文本引用和 ID 标签，

目标文本标题

一些段落文字

目标文本

<h1><a href="#target">Target Text Title</a></h1>
<p id="target">Target Text</p>