跳轉到一個元素在頁面加載

Question

自動我有這樣的元素

<a href="#hi">go to hi</a> 
. 
. 
<a name="hi">hi text here</a> 

頁面上，但我想用戶去「喜文在這裏」首先要在頁面加載。這個怎麼做？

Answer 1

我建議你再哈希第一個測試移動用戶的瀏覽器集中另一個元素之前：

if (!document.location.hash){ 
    document.location.hash = 'hi'; 
} 

JS Fiddle demo。

順便說一句，你可以使用哈希（在URL中#後的部分）跳轉到具有id任何元素，你並不需要使用命名錨（<a name="hi">...</a>）。

Answer 2

您可以使用jQuery及其scrollTo插件一起，然後寫些這樣的：

$.scrollTo("a[name = hi]"); 

這應該只是罰款。

Answer 3

要麼，你可以使用帶有錨（mysite.com/#hi）的URL，或者你可以使用JavaScript：

document.getElementById('hi').scrollIntoView(true); 

請注意，您應該使用ID，沒有名字。

Answer 4

我認爲這將是有益的與錨的工作：

<a name="hi">here goes the text information what you like</a> 

創建同一文檔內的鏈接，「喜科」：

<a href="#hi">Go to hi</a> 

或者，創建一個鏈接「hi Section」from other page：

<a href="http://www.stackoverflow.com/html_links.htm#hi"> 
Visit the hi Section</a>