我的主菜单中有以下两个链接,我在一个页面中有一些不同标题的文本。当任何一个点击第一个链接时,我想直接将我的用户带到第一个带有标题的段落 - “我的标题1”,如果有人点击第二个链接,那么我想直接将我的用户带到第二个段落标题为“我的标题2”
<a> Link to "My Title 1" </a> ...Link 1
<a> Link to "My Title 2" </a> ...Link 2
<h1> My Title 1 </h1>
<p> My 500 line texts goes here </p>
<h1> My Title 2 </h1>
<p> My 600 line texts goes here </p>
我不知道如何实现这一目标,请你告诉我吗?
提前致谢:)
答案 0 :(得分:3)
您需要使用所谓的锚点。将ID应用于每个标题,并将相同的id应用于链接的href
属性。确保使用哈希(#
)作为前缀。浏览器会为你跳跃。
<a href="#title1">Title 1</a>
<h1 id="title1">Title 1</h1>