header-logo
開始使用 Wix以 Wix 建立網站和商家。歡迎使用我們的 AI 工具來建立網站、自訂範本或雇用專業人員,樹立網上形象。
建立網站了解如何以 Wix 工具建立並管理網站。您也可在此找到更多關於 AI 工具、網站訪客隱私權和無障礙的資訊。
帳戶與帳單檢閱帳戶設定,設定訂閱與方案,查看請款單。
使用 Wix 行動應用程式歡迎使用 Wix 行動應用程式,隨時隨地處理業務,並以專屬應用程式吸引網站會員互動。
連結網域以逐步指南了解如何購買、連結或轉移網站網域,並學習如何確保網站資料安全。
Studio、夥伴與 Enterprise善用 Studio 或 Enterprise 帳戶,以進階功能提升效率。
需要協助?尋找網站與技術支援,了解已知問題,或聯絡我們要求協助。
placeholder-preview-image
Wix Learn以課程和教學加強技能。
Wix 部落格學習網頁設計、行銷等範疇的秘訣。
SEO 學習中心學習如何提升來自搜尋引擎的自然網站流量。
網站開發以全端平台建立自訂網站。
聘用專業人士與專家配對,幫助實現目標。
placeholder-preview-image

Wix Editor:在行動版網站新增並自訂「回到頂部」按鈕

新增「回到頂部」按鈕,讓行動裝置訪客能快速導覽至網站頂部。您可根據喜好變更圖示,並進一步自訂按鈕使其在訪客面前更加顯現。

新增「回到頂部」按鈕

從行動版編輯器的 行動裝置工具面板新增按鈕即可立即開始。
請注意:
「回到頂部」按鈕僅會顯現於 採用標準版面配置且長度至少為 1380 像素的頁面(不會在短頁面中出現)。

若要新增「回到頂部」按鈕:

  1. 點擊行動版編輯器左側的行動裝置工具
  2. 點擊「回到頂部」按鈕旁的「新增至網站」圖示
行動版編輯器中的行動裝置工具面板。游標正點擊「回到頂部」按鈕。

自訂「回到頂部」按鈕

為按鈕選擇圖示。您可從預設格式中選擇,或上傳自訂圖示,並進一步自訂設計以符合網站外觀。

若要變更圖示:

  1. 前往行動版編輯器
  2. 點擊按鈕。
  3. 點擊變更圖示
  4. 選擇後續操作:
    • 選擇預設圖示。
    • 點擊新增圖示 以上傳自訂圖示,或從數千個向量插圖圖片中選擇。
  5. (選填)點擊自訂設計以調整外觀:
    • 填滿色彩:選擇色彩並調整不透明度。
    • 陰影:啟用並調整按鈕陰影,營造 3D 效果。
變更圖示面板的裁切檢視。游標已點擊箭頭圖示。

變更「回到頂部」按鈕的版面配置

變更按鈕位置與邊距,以符合行動版網站的對齊方式。

若要調整版面配置:

  1. 前往行動版編輯器
  2. 點擊按鈕。
  3. 點擊版面配置圖示
  4. 使用以下選項調整版面配置:
    • 按鈕對齊方式:將按鈕對齊網站左側或右側。
    • 邊距:使用滑桿調整按鈕周圍的邊距。
按鈕版面配置面板。游標正在拖曳滑桿以調整按鈕周圍的垂直邊距。