我有一个包含文本内容的三个div的html页面。我想根据用户在主页上点击的链接滚动到特定的div。滚动到特定div
主页上有三个链接;所以我想要的是,如果用户点击链接1,他将滚动到生成页面上的div 1,如果他点击主页上的链接2,那么页面将滚动到生成页面上的div 2等等。
我有一个包含文本内容的三个div的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
最简单的方法是使用Fragment Identifier。无论何时创建链接,都要在链接的末尾添加要滚动到的元素的ID。例如:
link.html#divToScrollTo
示例用法:
<a href="link.html#divToScrollTo">Scroll to div with divToScrollTo as id</a>
点击该链接后,浏览器首先浏览到link.html
然后滚动到一个元件与divToScrollTo
链接。
如果不是所有新的浏览器也支持ID为定位目标
<div id="div1">...</div>
意愿<a href="page2.html#div1">...</a>
以及name属性确实
这是基本的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