當用戶滾動時顯示項目

建立一個觸發器,當您向下捲動頁面時,該觸發器會淡出並移動元素。

在頁面捲動上顯示淡入淡出和移動元素等效果。 

在這裡你會發現:

  • 設定啟用
  • 定義運動
  • 落實其他項目的動議

設定啟用

  • 選擇您的啟動元件(例如項目連結)並造訪互動面板
  • 點擊“元素觸發器”旁邊的加法符號
  • 從提供的選項中選擇“捲動到視圖”

定義運動

  • 在“滾動到視圖時”下的“操作”功能表中,選擇“開始動畫”
  • 點擊定時操作附近的加號
  • 分配標籤(例如,滾動期間向上移動)
  • 按一下“定時操作”附近的加法符號,然後從清單中選擇“移動”
  • 在「移動」下將 y 軸調整為 50 像素
  • 在“計時”旁邊,啟動“設定為初始狀態”
  • 點擊“定時操作”附近的加法符號,然後從清單中選擇“不透明度”
  • 修改不透明度為0%
  • 在 Timing 旁邊,設定為初始狀態
  • 點擊“定時操作”附近的加號,然後從清單中選擇“移動”
  • 在「移動」下將 y 軸改為 0 像素
  • 自訂緩動和持續時間
  • 點選時間軸上 0 秒處的加法符號,然後從下拉清單中選擇不透明度
  • 將不透明度調整為100%
  • 自訂緩動和持續時間
  • 除了情感,選擇階級
  • 選擇具有此類的所有元素,然後選擇僅具有此類別的子元素

落實其他項目的動議

  • 退出動畫並導航到“交互”面板
  • 在觸發器設定中,請確保此動畫套用於具有此類的所有元素(例如,類別:項目連結)

預覽你的作品。

麥伊凡
Ewan Mak 的最新帖子 (看全部)