2011-04-12 48 views
0

我看了很多地方返回顶部按钮。当我点击那个需要我到页面顶部。如何返回顶部按钮工作

一段时间一些链接带我去特定的地方,这如何工作的

是这个网站的粘性蜱或javascript..can我这样做没有页面加载?

回答

5
<a name="top">Top of the page</a> 
... 
<a href="#top">return to top</a> 

注:HTML5建议使用id="top"而不是name="top"

+0

我可以做到这一点跟了加载? – Gowri 2011-04-12 13:35:05

+0

耶和javascript,请参阅其他文章 – oblig 2011-04-12 13:39:38

+2

此解决方案不会重新加载页面,因为提供的href以哈希符号(#)开头。它会导致浏览器滚动到指定名称的锚点。 – shanethehat 2011-04-12 13:57:41

0
 
<a href="#top">return to top</a> 

的#top返回位是指驻留在你的页面顶部的元素的ID。在大多数情况下,这将会像#header那样:

 
<div id="header"></div> 

位于页面顶部。我建议不要使用名称,因为我相信该属性现在已被弃用。

当然,使其可以使用像倒过来的: http://webdesignerwall.com/tutorials/animated-scroll-to-top

0

如果您需要在默认情况下不是阅读页面中跳转到页面的特定部分: 只需追加带有网址的标记的ID。 如: < DIV ID = '身份识别码' >一些内容</DIV >

现在,如果您的网址以#myID结束比它应能自动跳转到该部分。

0

最后,你可以使用JavaScript太:

<a href="#" onclick="document.getElementById('someId').scrollIntoView(); return false</a> 

但假设所有现代浏览器可以做一些标识它的必要性少时下