除法指針

設定元素 ID 並使用它來建立錨鏈接,將您帶到頁面上的某個部分。

分區指針或錨指針使您能夠連接到網站中的特定部分或組件。若要為分區建立錨點指針,首先必須為該分區指派一個元素 ID。

重要的: 元素 ID 也可以在自訂程式碼中用於引用樣式表中的樣式或使用 JavaScript 變更特定元素。儘管如此,ID 最典型的用法是用於指向頁面上不同部分的劃分指標或錨指標。

在本次會議中,您將發現:

  1. 如何分配元素 ID
  2. 如何調整分度指針
  3. 如何附加到另一個頁面上的分區
  4. 如何附加到主頁上的分區

如何分配元素 ID

您可以為任何選定的組件指派 ID。

  1. 選擇應分配 ID 的組件
  2. 揭幕 元素設定面板 並在其中輸入一個不同的 ID ID 場地
重要的: 元素 ID 必須至少包含一個字符,且不能包含任何空格字符。此外,每個元件的元素 ID 必須是唯一的。閱讀有關如何處理重複元素 ID 的更多資訊。
名為「Magic-section」的範例 ID 已合併到「元素設定」面板中的「部分」設定中。

如何調整分度指針

  1. 選擇您希望引導您到達頁面上的某個部分的指標元件
  2. 揭幕 元素設定面板 > 連結設定
  3. 頁面部分 按鈕
  4. 部分 下拉式選單並選擇您先前建立的 ID(例如“Magic-section”)
「Magic-section」範例 ID 是「元素設定」面板的「連結設定」部分的「部分」下拉清單中的選擇。

如何附加到另一個頁面上的分區

如果您需要一個連結元件(例如按鈕)來定向到另一個頁面(除了主頁之外)上的某個部分:

  1. 揭幕 元素設定面板 > 連結設定
  2. 選擇 網址 連結形式
  3. 鍵入找到該部門的頁面的 URL,後面跟著“#”以及您分配給該部門的元素 ID

以下是錨點指針的結構:

  • 您目前網站中的頁面: site.com/page#section-ID
  • 如果您的頁面嵌套在資料夾中: site.com/folder/page#section-ID
  • 另一個網站上的錨點指針: site.com/folder/page#section-id
  • 主頁錨指針將是: site.com/#section-id

插圖

在這個頁面上,我們有 4 個分區指針,指向這個頁面上的 4 個文章分區。

  1. 如何分配元素 ID
  2. 如何調整分度指針
  3. 如何附加到另一個頁面上的分區
  4. 如何附加到主頁上的分區

要定向到此頁面的最後一個部分,URL 為:https://university.webflow.com/lesson/section-link1TP39如何連結到主頁上的部門

按鈕的範例 URL 在元素設定面板的連結設定部分中指定為「site.com/page#Section-ID」。

如何附加到主頁上的分區

要導向到主頁上的某個部分,錨點指標 URL 中不需要頁面名稱。相反,輸入主頁域,後面跟著“#”,然後輸入部門 ID。 (例如,主頁錨指針是: site.com/#section-id)

麥伊凡
Ewan Mak 的最新帖子 (看全部)