滚动到特定div

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

主页上有三个链接;所以我想要的是，如果用户点击链接1，他将滚动到生成页面上的div 1，如果他点击主页上的链接2，那么页面将滚动到生成页面上的div 2等等。

2012-07-08 user1510326

这是基本的HTML响应，不是JS或CSS。阅读W3School上的'name'属性：[HTML链接]（http://www.w3schools.com/html/html_links.asp）。如上所述，您可以在所有现代浏览器上使用'id'属性。 – merv 2012-07-08 17:24:22

欢迎来到SO。请在这里发布您的查询之前，请google。 – gopi1410 2012-07-08 17:26:10

如果你的意思是**动画**滚动：http://stackoverflow.com/questions/6677035/jquery-scroll-to-element – Kerstomaat 2012-07-08 17:34:42

如果你想在当前文档滚动到一个特定的地方，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-08 17:23:17 RobB

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

link.html#divToScrollTo

示例用法：

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

点击该链接后，浏览器首先浏览到link.html然后滚动到一个元件与divToScrollTo链接。

来源

2012-07-08 17:24:56 Starx

@Downvoter，请留下一些评论。 – Starx 2012-07-08 17:33:34

+1正确的答案和平衡downvote – Jashwant 2012-07-08 21:44:39

如果不是所有新的浏览器也支持ID为定位目标

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

意愿<a href="page2.html#div1">...</a>

以及name属性确实

来源

2012-07-08 17:29:24 mplungjan

滚动到特定div

回答

相关问题