註解：
Adobe Muse 不再增加新功能，並將於 2020 年 3 月 26 日停止支援。如需詳細資訊和協助，請參閱 Adobe Muse 終止服務頁面。
Adobe Edge Animate 是一套網頁互動設計工具，讓您使用如 HTML5 等網頁標準，將動畫內容帶入網站。您可以用 Animate 中直覺化的時間軸介面，以視覺化的方式建構引人入勝的 HTML5 動畫，在所有現代瀏覽器上播放。
若要瞭解有關使用 Adobe Edge Animate 建置 HTML5 網頁內容與動畫的詳細資訊，請參閱 Adobe Edge Animate 資源。如需更多關於使用 Muse 的秘訣，請務必造訪 Muse 說明和教學課程頁面的教學文章，或 Muse 活動頁面的即時網路研討會和教學課程影片。
Adobe Muse 可讓您將 Adobe Edge Animate 建立的動畫新增至網頁。使用 Adobe Edge Animate 捲動效果功能的第一個步驟，就是特別為此用途建立動畫。
Adobe Muse 可讓您將捲動效果新增至 OAM 檔案，以影響放置在主時間軸上的動畫。您可策略性地設計動畫，只讓您要在頁面捲動時移動的項目位於主時間軸上，以便建立出互動式動畫。毫無疑問的，剩下的元素必須置入巢狀時間軸內。訪客捲動頁面時，捲動效果設定只會控制主時間軸上動畫元素的播放。
如需 Adobe Muse「捲動效果」的詳細資訊，請參閱捲動效果。
請依照下列步驟使用「捲動效果」面板的「幻燈片展示」標籤：
- 從 Animate 轉存 OAM 檔案到您的網站檔案夾。如需從 Animate 轉存 OAM 檔案的相關資訊，請參閱在 Adobe Muse 中置入動畫。
- 啟動 Muse，然後按兩下頁面，在「設計」視圖中將其開啟。在「頁面屬性」對話方塊中更新最小高度設定，以確保頁面具有足夠的長度可供捲動。
- 選擇「檔案 > 置入」，然後從網站檔案夾中瀏覽至 OAM 檔案並加以選取。
- 開啟「捲動效果」面板。按一下「Adobe Edge Animate」標籤 (從左邊數來第四個標籤)，檢閱這個區段的設定。
- 在選取 OAM 檔案的狀態下，選取「Edge Animate」核取方塊。
在上方影像中，關鍵位置設為 700 像素。您可以拖移 T 型控制點，或是在「關鍵位置」欄位輸入不同的值加以調整。
設定關鍵位置後，您可以使用兩個選項控制動畫播放：
- 自動播放：選取這個選項時，只要瀏覽器捲動到關鍵位置，無論主時間軸中有多少影格，主時間軸中的動畫都會開始播放。動畫會持續播放，直到頁面捲動超過關鍵位置。
- 切換影格間隔：選取這個選項時，每當頁面捲動超過特定像素數，主時間軸動畫就會前進一個影格。例如，如果您建立高度 3000 像素的頁面，然後輸入 10 這個數字，主時間軸動畫就會以頁面捲動每 10 像素 1 個影格的速率播放。如果訪客加快向下捲動頁面的速度，動畫播放速率就會增加。
註解：
「捲動效果」設定不會影響與 Animate 排版中的主時間軸巢狀或連結的動畫物件。因此，您可以選擇使用靜態背景，或是無論訪客捲動頁面的行為為何，都持續重複播放不斷移動的巢狀元素。
- 在「捲動效果」面板的「Edge Animate」標籤選擇設定後，選擇「檔案 > 在瀏覽器中預視網頁 (或按一下「預視」按鈕)。上下捲動，查看 (新增到主時間軸的) Edge Animate 動畫內容播放，測試頁面。
- 如果您需要進行任何變更，請返回 Muse (或按一下「設計」按鈕) 並在「捲動效果」面板中更新設定。
本範例示範了如何使用捲動效果，控制從 Adobe Edge Animate 轉存的 OAM 檔案。在本範例中，頁面是以垂直漸層填色，從淺藍綠色轉變成深藍色。您可以從 ScrollEffects.com 下載範例檔案。
透過「動作」和「Edge Animate」標籤套用的設定組合，可建立出這個動畫效果。
三個相同 OAM 檔案的執行個體以水平方式並排，建立出一列動畫指南針。在瀏覽器檢視範例網站時，全部三個指南針都會向上移入視野，然後留在原位。三個指南針旋轉的速率各不相同 > 但導致指南針以不同速度旋轉的是「捲動效果」面板中的設定，不是 Edge Animate 檔案的建構。
請依照下列步驟，以三個置入的 OAM 檔案建立類似的效果：
- 在「設計」視圖中，選擇「頁面 > 頁面屬性」。將「最小高度」欄位設定為較大的值。在網站範例中，頁面的最小高度設為 7465 像素。
- 選取頁面上全部三個指南針的執行個體。在「捲動效果」面板的「動作」標籤中，您可以看到，全部三個 OAM 檔案都有相同的關鍵位置和動作設定，因為所有值都顯示出來了。
如果您使用瀏覽器預視樣本，就會看到全部三個 OAM 元素一起跳起來，然後彷彿被固定般排成一列。
- 按一下指南針以外的地方，取消選取全部三個指南針，然後只選取左邊的指南針。按住 Shift 鍵並選取右邊的指南針，同時選取兩者。開啟「捲動效果」面板的「Edge Animate」標籤，檢閱設定。
兩側的指南針都設為重複播放時間軸動畫，而且頁面每向下捲動 350 像素就切換到下一個影格。
- 取消選取兩個靠外面的指南針。選取中間的指南針，然後再次檢查「Edge Animate」標籤，會看到「切換影格間隔」欄位是設為 400 像素。此設定會使中間動畫的移動速度比兩個靠外面的指南針慢。
