錨點設置的方法

兩種情景:本頁面錨點和跨頁面錨點

一.本頁面錨點 三種方法:

1,使用id定位,這樣的定位可以針對任何標籤來定位,比如以下代碼:

<a href="#1F">錨點1</a> 

<div id="1F"> 定位的位置 </div> 

2,使用name定位,使用name屬性只能針對a標籤來定位,而對div等其他標籤就不能起到定位作用,比如以下代碼。

<a href="#5F">錨點5</a>

<a name="5F">1111111定位的位置</a>

 

3,使用js定位,比如以下代碼

<li class="" οnclick="javascript:document.getElementById('here').scrollIntoView()"></li>

二、跨頁面跳轉 

設置錨點鏈接,在href中的路徑後面追加:#+錨點名,即可,然後在跳轉到的頁面參考上面的三種方法就行

<a href="萌寵集結號.html#miao">跳轉到萌寵集結號頁面</a>

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章