链接到同一页面的另一部分

时间:2014-11-05 20:21:27

标签: html html5

我一直在网上寻找解决方案,但我发现的方法不起作用。在线方法告诉我这样做

使用类和ID创建div 我做了一个这样的

<div class="paragraphBackground" id="paragraphBackground">
<p class="paragraphContent">content of    paragraph</p></div>

然后它说要在下面建立一个像o这样的链接。

<a href="#paragraphBackground" name="paragraphBackground">Goto paragraph</a>

但是当我点击goto段落时,它什么也没做。

我想要使用它的是一个html自述文件,其中包含左侧边栏,显示自述文件的所有内容,当您点击其中一个链接时,它会跳转到那个部分在同一个HTML文件中。

3 个答案:

答案 0 :(得分:3)

你在找这样的东西吗?

http://jsfiddle.net/huntmg90/

基本上你在要链接的文本前面设置<a name="identityofanchor" />,然后链接到它<a href="#identityofanchor">label of anchor</a>

答案 1 :(得分:1)

您的链接需要看起来像这样:

<a href="#paragraph1">Paragraph 1</a>

相应的内容需要:

<a name="paragraph1">Paragraph 1</a>

这是一个小提琴帮助:http://jsfiddle.net/m0nk3y/9mx5yx7d/

答案 2 :(得分:1)

只需使用以下链接:<a href="#readme">

对于要滚动到的部分,请使用:<div id="readme">Read me!</div>

JSFIDDLE HERE