Studio Two 編輯器：為頁首新增捲動效果

頁首會隨頁面其他內容一起捲離。這是預設行為，沒有其他設定。

訪客向下捲動時，頁首會移出檢視範圍。

• 重疊：選擇是否讓頁首覆蓋下方區段。

  • 無：頁首會在頁面頂端保留原有空間。設定頂端偏移量（％），即可增加頁首與頁面頂端之間的距離。

  • 下一個區段：訪客捲動時，頁首會覆蓋下一個區段。也可啟用設為畫面底部切換開關，改將頁首移至底部。

• 捲動時色彩：啟用切換開關，即可在訪客捲動時變更頁首背景色彩，接著選擇色彩並設定不透明度。

• 方向：選擇頁首離開畫面時的移動方向。

• 距離：設定頁首移出的幅度。設為 100％ 時，頁首會完全離開畫面。

• 延遲（秒）：設定效果開始前的等待時間。

• 持續時間（秒）：設定效果的持續時間。

• 緩動：選擇動畫加速和減速的方式（例如「線性（無）」、「正弦緩入」、「立方緩出」）。

  

訪客捲動時，頁首會固定在原位並持續顯示。

• 重疊：選擇是否讓頁首覆蓋下方區段。

  • 無：頁首會在頁面頂端保留原有空間。設定頂端偏移量（％），即可增加頁首與頁面頂端之間的距離。

  • 下一個區段：訪客捲動時，頁首會覆蓋下一個區段。也可啟用設為畫面底部切換開關，改將頁首移至底部。

• 捲動時色彩：啟用切換開關，即可在訪客捲動時變更頁首背景色彩，接著選擇色彩並設定不透明度。

  

訪客向下捲動時，頁首會淡出檢視範圍。

• 重疊：選擇是否讓頁首覆蓋下方區段。

  • 無：頁首會在頁面頂端保留原有空間。設定頂端偏移量（％），即可增加頁首與頁面頂端之間的距離。

  • 下一個區段：訪客捲動時，頁首會覆蓋下一個區段。也可啟用設為畫面底部切換開關，改將頁首移至底部。

• 捲動時色彩：啟用切換開關，即可在訪客捲動時變更頁首背景色彩，接著選擇色彩並設定不透明度。

• 延遲（秒）：設定效果開始前的等待時間。

• 持續時間（秒）：設定效果的持續時間。

  

選擇是否將下列項目新增至頁首：

• 捲動時色彩：啟用切換按鈕，即可在訪客捲動頁面時變更頁首背景色彩，接著選擇色彩並設定不透明度。

• 轉場：啟用切換按鈕，即可新增訪客向上捲動回頁首時會看到的動畫。

  1. 選擇「移動」或「淡化」。

  2. 設定動畫：

     • 方向：選擇頁首的移動方向。

     • 距離：設定頁首的移動距離（％）。

     • 緩動：選擇動畫加速和減速的方式（例如「線性（無）」、「正弦緩入」、「三次方緩出」）。

     • 延遲（秒）和持續時間（秒）：設定動畫時間。

備註：

可用設定取決於所選的轉場（「移動」或「淡化」）。

• 貼齊：選擇頁首貼齊的邊緣：「頂端」、「底端」或「頂端和底端」。

• 偏移量：設定頁首與該邊緣之間的距離（％）。

• 保持在最上層：選擇核取方塊，讓頁首顯示在頁面其他內容上方。

• 捲動時色彩：啟用切換按鈕，即可在訪客捲動頁面時變更頁首背景色彩，接著選擇色彩並設定不透明度。

• 轉場：啟用切換按鈕，即可在訪客向上和向下捲動時新增效果。

  1. 選擇「移動」或「淡化」。

  2. 設定動畫：

     • 方向：選擇頁首的移動方向。

     • 距離：設定頁首的移動距離（％）。

     • 緩動：選擇動畫加速和減速的方式（例如「線性（無）」、「正弦緩入」、「三次方緩出」）。

     • 延遲（秒）和持續時間（秒）：設定動畫時間。

備註：

可用設定取決於所選的轉場（「移動」或「淡化」）。

• 設於畫面底部：啟用切換按鈕，即可將頁首固定在畫面底部，而非頂端。

• 捲動時色彩：啟用切換按鈕，即可在訪客捲動頁面時變更頁首背景色彩，接著選擇色彩並設定不透明度。

• 轉場：啟用切換按鈕，即可在訪客向上和向下捲動時新增效果。

  1. 選擇「移動」或「淡化」。

  2. 設定動畫：

     • 方向：選擇頁首的移動方向。

     • 距離：設定頁首的移動距離（％）。

     • 緩動：選擇動畫加速和減速的方式（例如「線性（無）」、「正弦緩入」、「三次方緩出」）。

     • 延遲（秒）和持續時間（秒）：設定動畫時間。

備註：

• 釘選位置會套用至所有斷點。

• 可用設定取決於所選的轉場（「移動」或「淡化」）。

此選項會在關閉進階設定時顯示。若找不到，可能是已開啟頁首的「進階設定」切換按鈕。

按下 Option + I 或 Alt + I 即可切換回去。

「捲動效果」可控制頁面捲動時頁首本身的顯示方式，並可在檢驗器面板的 「頁首設定」中進行設定。

檢驗器面板中的 「動態效果」索引標籤可為頁首增添另一層動態效果。例如，套用游標懸停或點擊動畫，吸引訪客與頁首互動。