滚动到特定的div

Question

我有一个包含三个包含文本内容的div的html页面。我想滚动到特定div，具体取决于用户在主页上单击的链接。

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

Answer 1

  

如果要将当前文档滚动到特定位置，请执行   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

Answer 2

最简单的方法是使用Fragment Identifier。无论何时创建链接，请在链接末尾附加要滚动到的元素的ID。例如：

link.html#divToScrollTo

示例用法：

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

点击此链接后，浏览器首先导航到link.html，然后滚动到包含divToScrollTo链接的元素。

Answer 3

大多数（如果不是全部）新浏览器也支持将id作为锚点目的地

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

将回复<a href="page2.html#div1">...</a>

以及name属性