在滾動中顯示元素

創建觸發器,在向下滾動頁面時淡化和移動元素。

本文會提到:

  1. 創建觸發器

  2. 創建動畫

  3. 將動畫應用於其他元素

創建觸發器

  1. 選擇觸發器元素(例如項目連結),並點擊進入互動面板

  2. 點擊元素觸發器旁邊的加號

  3. 從下拉選單中選擇"Scroll Into View"

創建動畫

  1. 從"When Scrolled Into View"下的"Action"菜單中,選擇"Start an Animation"

  2. 點擊定時動作旁邊的加號

  3. 命名它(例如"Move up on scroll")

  4. 點擊"Timed Actions"旁邊的加號,從下拉選單中選擇移動

  5. 在移動下,將Y軸改為50像素

  6. 在"Timing"旁邊,切換到 "Set as initial state"

  7. 點擊"Timed Actions"旁邊的加號,從下拉選單中選擇不透明度

  8. 將不透明度改為0%

  9. 在"Timing"旁邊,切換到"Set as initial state"

  10. 點擊"Timed Actions"旁邊的加號,從下拉選單中選擇"Move"

  11. 在移動下,將y軸改為0像素

  12. 調整緩和與持續時間

  13. 點擊時間線中0秒處的加號,從下拉選單中選擇不透明度

  14. 將不透明度改為100%

  15. 調整緩和與持續時間

  16. 在"影響"旁邊選擇"Class"

  17. 點擊所有具有該類的元素,並選擇只有具有該類的子元素

將動畫應用於其他元素

  1. 關閉動畫,點擊進入互動面板

  2. 在觸發器設置下,確保此動畫應用於所有具有此類別的元素(例如"Class: Project Lin")

Last updated