錨點的用法

2022-02-09 07:18:09 字數 2313 閱讀 5364

一、錨點的用法

一種是:頁內跳轉;

一種是:跳到其他頁面的某個區域。

下面我們看具體的用法。

1)內跳轉的錨點用法:

134 35     36         第乙個

37 第二個

38 第三個

39 第四個

40 第五個

41

42 1

43 2

44 3

45 4

46 5

47

執行介面如下:

當按下第乙個時,會頁面跳轉到「1」處。

2)頁外跳轉的錨點用法:

加入我在乙個名為「示例」的資料夾中見了兩個html文件

第乙個名為ancesor.html

第二個名為ancesor1.html

裡面的**都一樣,跟我貼出的「錨點的用法」這一步驟中的第二個步驟所貼出的一樣。

現在我把index.html當中第乙個a標籤把其中的href="#1",更改為href=「ancesor1.html#1」並儲存之後,我們再在瀏覽器開啟,這時候會發現,頁面會跳轉到ancesor1.html中的id=1的div所在的區域。

134 35     36         第乙個

37 第二個

38 第三個

39 第四個

40 第五個

41

42 1

43 2

44 3

45 4

46 5

47

沒錯這就是頁外的錨點跳轉。

所以當我們需要跳轉到其他頁面的某個區域時,只要把href的屬性值設定「跳轉頁面的url+所想跳轉到區域的id(或者說錨點名稱)」即可。

這裡需要說明,本示例均使用的id錨點,給div新增id的時候就為該div設定了錨點。

參考鏈結

一、錨點的用法

一種是:頁內跳轉;

一種是:跳到其他頁面的某個區域。

下面我們看具體的用法。

1)內跳轉的錨點用法:

134 35     36         第乙個

37 第二個

38 第三個

39 第四個

40 第五個

41

42 1

43 2

44 3

45 4

46 5

47

執行介面如下:

當按下第乙個時,會頁面跳轉到「1」處。

2)頁外跳轉的錨點用法:

加入我在乙個名為「示例」的資料夾中見了兩個html文件

第乙個名為ancesor.html

第二個名為ancesor1.html

裡面的**都一樣,跟我貼出的「錨點的用法」這一步驟中的第二個步驟所貼出的一樣。

現在我把index.html當中第乙個a標籤把其中的href="#1",更改為href=「ancesor1.html#1」並儲存之後,我們再在瀏覽器開啟,這時候會發現,頁面會跳轉到ancesor1.html中的id=1的div所在的區域。

134 35     36         第乙個

37 第二個

38 第三個

39 第四個

40 第五個

41

42 1

43 2

44 3

45 4

46 5

47

沒錯這就是頁外的錨點跳轉。

所以當我們需要跳轉到其他頁面的某個區域時,只要把href的屬性值設定「跳轉頁面的url+所想跳轉到區域的id(或者說錨點名稱)」即可。

這裡需要說明,本示例均使用的id錨點,給div新增id的時候就為該div設定了錨點。

參考鏈結

AngularJs中錨點的使用,及錨點偏移量設定

angularjs中關於錨點的使用,及錨點偏移量設定 有很多人在使用ng view時都用到了 號做route,所以如果在頁面上需要用到錨點的時候就會比較頭疼了。這個時候可以使用ng的anchorscroll。使用了ng的anchorscroll後確實可以達到錨點跳轉的作用了,但是問題又來了,我如果頁...

008 錨點的設計

漢字最好 http blog.csdn.net stgsd 錨點表示子物件在父物件內的位置.錨點定義在const類中 public static int 預設 public static int 浮動 64 自己決定位置 public static int 靠上 16 public static i...

CABasicAnimation中的錨點

下圖中,上半部分的anchorpoint為 0.5,0.5 即anchorpoint為layer的中心。下半部分的anchorpoint為 0.0,0.0 即anchorpoint為layer的左上角。同理我們可知,anchorpoint如果為 1.0,1.0 的化就代表右下角。注意ios與os x...