我有一个 html 页面,其中包含三个包含文本内容的 div。我想根据用户在主页上单击的链接滚动到特定的 div。
主页上有三个链接;所以我想要的是,如果用户点击链接 1,他会滚动到结果页面上的 div 1,如果他点击主页上的链接 2,那么页面会滚动到结果页面上的 div 2,依此类推。
我有一个 html 页面,其中包含三个包含文本内容的 div。我想根据用户在主页上单击的链接滚动到特定的 div。
主页上有三个链接;所以我想要的是,如果用户点击链接 1,他会滚动到结果页面上的 div 1,如果他点击主页上的链接 2,那么页面会滚动到结果页面上的 div 2,依此类推。
如果要将当前文档滚动到特定位置,则 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
大多数(如果不是全部)新浏览器也支持 id 作为锚点
<div id="div1">...</div>
会回应<a href="page2.html#div1">...</a>
以及 name 属性
最简单的方法是使用Fragment Identifier。每当您创建链接时,请在链接末尾附加您要滚动到的元素的 ID。例如:
link.html#divToScrollTo
一个示例用法:
<a href="link.html#divToScrollTo">Scroll to div with divToScrollTo as id</a>
单击此链接后,浏览器首先导航到带有链接link.html
的元素,然后滚动到该元素。divToScrollTo