2015-10-27 205 views
1

我有一個像下面HTML錨標籤的問題

<div> 
<ul> 
<li><a href="">Test1</a></li> 
------- 
------- 
------- 
<li><a href="">Test46</a></li> 
</div> 

它顯示HTML頁面鏈接46的一段代碼。問題是,當我向下滾動並選擇第46或剛剛在此之上的頁面時,頁面將再次返回頂部。爲什麼會發生這種情況,有什麼辦法來防止它?

+2

因爲'href'沒有任何價值! ''href =「」' –

+0

您需要放置一個有效的href目標,以停止您所看到的滾動問題,這通常是默認行爲,因爲空href意味着您引用的是同一文檔。 – Celestz

+0

你想用這些鏈接做什麼? –

回答

1

href是空白的,這就是爲什麼它在頂部。你可以用它來代替保持空白:

<a href="javascript:void(0)">Test46</a> 
0

href=""包含URL ""這是解析爲「當前頁面的URL」相對URL。

當您點擊該鏈接時,瀏覽器會按照該鏈接進入當前頁面。

正常情況下(沒有任何特定的指令),當它進入一個頁面時,它從頂部開始。


如果你不想鏈接到頁面:爲什麼你在第一個地方使用鏈接?

如果您只是想讓JavaScript懸浮起來,請改用按鈕。

<button type="button">Test46</button> 

您可以設置樣式刪除默認的背景顏色和邊框,並設置顏色方案,如果你希望它看起來像一個鏈接來匹配鏈接的那個。

0

href屬性中的空字符串<a href="">表示在現代瀏覽器中轉到當前頁面。這基本上只是重新加載當前頁面,因此它將會到達頂部。從去到頂部,以防止

一種方法是使用href="javascript:void(0)",由提到@Manwal或者你可以簡單地刪除href屬性完全(在這種情況下注意到它不會顯示爲一個可點擊的超支鏈接)。

+0

#也會鏈接到頁面頂部。 – Quentin

+0

@Quentin我的意思是它停止了實際的頁面重新加載,但我可以看到爲什麼這不會幫助用戶,所以我刪除了它。 –