header-logo
了解如何以 Wix 建立網站和商家。
了解如何建立、管理並維護 Wix 網站。
管理訂閱、方案與請款單。
處理業務,與會員連繫。
學習如何購買、連結或轉移網站網域。
以進階功能提升效率。
尋求解決方法,了解已知問題,或聯絡我們。
placeholder-preview-image
以課程和教學加強技能。
學習網頁設計、行銷等範疇的秘訣。
學習如何提升來自搜尋引擎的自然網站流量。
以全端平台建立自訂網站。
與專家配對,幫助實現目標。
placeholder-preview-image

Studio 編輯器:建立相黏元件與區段

2 分鐘
讓區段或元件在訪客上下捲動時固定在頁面上。當元件或區段進入訪客的檢視畫面時,會固定在頂部、底部或兩者。您可設定偏移量,即與頂部或底部的距離。
前往 Wix Studio 學院即可查看更多 Wix Studio 網路研討會、教學影片和課程。
您知道嗎?
您可新增 頁首捲動效果,變更訪客上下捲動時的顯示方式。例如,讓頁首在捲動時變更色彩,或將其移出畫面以協助訪客專注於頁面內容。

將相黏位置套用至元件或區段

  1. 前往編輯器
  2. 選擇相關區段或元件。
  3. 點擊編輯器右上方「開啟檢驗器」圖示
在 Studio 編輯器中開啟檢驗器面板的螢幕截圖。
  1. 向下捲動至 位置
  2. 位置類型 下拉選單中選擇 相黏
  3. 選擇區段/元件要固定的位置:頂部底部底部和頂部
  4. (選填)輸入偏移量數值以在上方或下方建立空間。
  5. 勾選 保持在最前方 核取方塊以啟用或停用此選項:
    • 已啟用: 區段/元件在視覺上位於最前方,但不會變更其在 頁面 DOM 順序 中的位置。
    • 已停用: 區段或元件的視覺位置與其在 頁面 DOM 順序 中的位置一致。視頁面整理方式而定,元件/區段可能不會顯示在最前方。
檢驗器面板中的位置下拉式選單。已選擇「相黏」,且游標正點擊「黏貼至」下拉式選單。
請注意:
DOM 順序是網站無障礙、表現和搜尋結果排名的重要組成部分。因此,建議啟用 保持在最前方,以便在獲得所需視覺效果的同時,維持頁面結構。

移除相黏位置

您隨時可以將元件和區段恢復為預設位置。這表示當它們觸及檢視畫面時不再固定於畫面,而是留宿在原本的位置。

若要移除相黏位置:

  1. 前往編輯器
  2. 選擇相關區段或元件。
  3. 點擊編輯器右上方「開啟檢驗器」圖示
在 Studio 編輯器中開啟檢驗器面板的螢幕截圖。
  1. 向下捲動至「位置」。
  2. 從「位置類型」下拉式選單中選擇「預設」。
畫布上堆疊元件的螢幕截圖,位於檢驗器面板旁。堆疊位置類型已設定為預設

實用教學

使用相黏元件和區段可建立多種有趣的特效。請觀看 Wix Studio 學院的影片並探索可用選項: