2

我有一个 html 页面,其中包含三个包含文本内容的 div。我想根据用户在主页上单击的链接滚动到特定的 div。

主页上有三个链接;所以我想要的是,如果用户点击链接 1,他会滚动到结果页面上的 div 1,如果他点击主页上的链接 2,那么页面会滚动到结果页面上的 div 2,依此类推。

4

3 回答 3

3

如果要将当前文档滚动到特定位置,则 HREF 的值应该是要滚动到的锚点的名称,前面带有 # 符号。如果您想在某个锚点处打开另一个文档,请给出该文档的 URL,然后是 #,然后是锚点的名称。

使用带有锚标签的书签:

<a href="results.html#first-div">First</a>
<a href="results.html#second-div">Second</a>
<a href="results.html#third-div">Third</a>

您只需将“#”符号后的值替换为适当的元素 ID。

参考:http ://devedge-temp.mozilla.org/library/manuals/1998/htmlguide/tags7.html

于 2012-07-08T17:23:17.047 回答
2

大多数(如果不是全部)新浏览器也支持 id 作为锚点

<div id="div1">...</div>

会回应<a href="page2.html#div1">...</a>

以及 name 属性

于 2012-07-08T17:29:24.337 回答
2

最简单的方法是使用Fragment Identifier。每当您创建链接时,请在链接末尾附加您要滚动到的元素的 ID。例如:

link.html#divToScrollTo

一个示例用法:

<a href="link.html#divToScrollTo">Scroll to div with divToScrollTo as id</a>

单击此链接后,浏览器首先导航到带有链接link.html的元素,然后滚动到该元素。divToScrollTo

于 2012-07-08T17:24:56.017 回答