我有一個像下面HTML錨標籤的問題
<div>
<ul>
<li><a href="">Test1</a></li>
-------
-------
-------
<li><a href="">Test46</a></li>
</div>
它顯示HTML頁面鏈接46的一段代碼。問題是,當我向下滾動並選擇第46或剛剛在此之上的頁面時,頁面將再次返回頂部。爲什麼會發生這種情況,有什麼辦法來防止它?
我有一個像下面HTML錨標籤的問題
<div>
<ul>
<li><a href="">Test1</a></li>
-------
-------
-------
<li><a href="">Test46</a></li>
</div>
它顯示HTML頁面鏈接46的一段代碼。問題是,當我向下滾動並選擇第46或剛剛在此之上的頁面時,頁面將再次返回頂部。爲什麼會發生這種情況,有什麼辦法來防止它?
href
是空白的,這就是爲什麼它在頂部。你可以用它來代替保持空白:
<a href="javascript:void(0)">Test46</a>
href=""
包含URL ""
這是解析爲「當前頁面的URL」相對URL。
當您點擊該鏈接時,瀏覽器會按照該鏈接進入當前頁面。
正常情況下(沒有任何特定的指令),當它進入一個頁面時,它從頂部開始。
如果你不想鏈接到頁面:爲什麼你在第一個地方使用鏈接?
如果您只是想讓JavaScript懸浮起來,請改用按鈕。
<button type="button">Test46</button>
您可以設置樣式刪除默認的背景顏色和邊框,並設置顏色方案,如果你希望它看起來像一個鏈接來匹配鏈接的那個。
href
屬性中的空字符串<a href="">
表示在現代瀏覽器中轉到當前頁面。這基本上只是重新加載當前頁面,因此它將會到達頂部。從去到頂部,以防止
一種方法是使用href="javascript:void(0)"
,由提到@Manwal或者你可以簡單地刪除href
屬性完全(在這種情況下注意到它不會顯示爲一個可點擊的超支鏈接)。
#也會鏈接到頁面頂部。 – Quentin
@Quentin我的意思是它停止了實際的頁面重新加載,但我可以看到爲什麼這不會幫助用戶,所以我刪除了它。 –
因爲'href'沒有任何價值! ''href =「」' –
您需要放置一個有效的href目標,以停止您所看到的滾動問題,這通常是默認行爲,因爲空href意味着您引用的是同一文檔。 – Celestz
你想用這些鏈接做什麼? –