捲動時將區塊保持可見

置頂元素是網站的區塊，訪客向下捲動頁面時，該區塊會維持「固定」狀態。本指引會運用常見範例，說明如何使用按鈕、頁首和選單來建立置頂元素。使用相同步驟，即可將任何網站上的內容設為置頂。

若要將任何區塊或區塊群組設為置頂，請將區塊置入具有特定「置頂」位置設定的「群組」區塊 。請依照下列步驟，在網站上建立置頂元素：

1. 前往網站的儀表板。
2. 前往「頁面」、「文章，」或「外觀→「範本」，即可編輯欲設為置頂的內容。
3. 選取編輯器左上角的「清單檢視」。該圖示看起來像上下排列的三條橫線。
4. 選取現有的「群組」區塊，或建立新的區塊。
   • 若要快速建立群組，請選取多個元素並按一下三個點 (⋮)，然後選取「群組」，即可將元素置於「群組」區塊內。
   • 若要設為置頂，則元素必須位於最上層的位置 (也就是不在其他區塊內以巢狀顯示)。
5. 在「群組」區塊的設定側邊欄中，找到「位置」區段，然後從下拉式選單中選取「置頂」選項。
6. 按一下「儲存」按鈕，即可將變更套用至範本。

深入了解如何進一步自訂置頂元素所在「群組」區塊的風格與版面配置。

建立置頂選單表示，在檢視者向下捲動頁面時，整個選單會維持「固定」狀態。若要建立置頂選單，請按照下列步驟操作：

1. 從儀表板前往「外觀」→「編輯器」。
2. 選取「樣式」分頁，然後按一下包含頁首的樣式。
3. 按一下左上角的「清單檢視」。
4. 選取「導覽」區塊，確定該區塊設為頂層元素 (在大多數情況下，「導覽」區塊以巢狀顯示，位於「頁首」範本組件或類似的版面配置元素中，因此須將該區塊獨立移出)。
5. 按一下「導覽」區塊項目旁的三個點 (⋮)，然後選取「群組」，即可將選單置於「群組」區塊內。
6. 在區塊設定側邊欄中，將「位置」設為「置頂」。
   • 你可能也想變更群組的背景顏色，如此一來，當選單捲動至不同內容時，皆能清楚閱讀選單的文字。
7. 按一下「儲存」。

深入了解如何進一步自訂置頂元素所在「群組」區塊的風格與版面配置。

訪客捲動網站時，置頂頁首會固定於螢幕上方。了解如何建立置頂頁首