2011-04-12 170 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> 

但假設所有現代瀏覽器可以做一些標識它的必要性少時下