在用户滚动时显示项目

创建一个触发器,当您向下滚动页面时,使元素淡入并移动。

在页面滚动时显示淡入淡出和移动元素的效果。 

您将在这里找到:

  • 设置激活
  • 定义运动
  • 落实其他事项的议案

设置激活

  • 选择您的激活组件(例如,Project Link)并访问交互面板
  • 单击元素触发器旁边的加号
  • 从提供的选项中选择“滚动进入视图”

定义运动

  • 在“滚动到视图时”下的操作菜单中,选择“开始动画”
  • 点击定时操作附近的加号
  • 分配标签(例如,滚动时向上移动)
  • 单击定时操作附近的加号,然后从列表中选择移动
  • 在移动下将 y 轴调整为 50 像素
  • 除了时间之外,激活设置为初始状态
  • 点击定时操作附近的加号,然后从列表中选择不透明度
  • 修改不透明度为0%
  • 除了时间之外,设置为初始状态
  • 点击定时操作附近的加法符号,然后从列表中选择移动
  • 在移动下将 y 轴更改为 0 像素
  • 自定义缓和和持续时间
  • 点击时间线上 0 秒处的加号,然后从下拉菜单中选择“不透明度”
  • 将不透明度调整为 100%
  • 自定义缓和和持续时间
  • 除了情感,选择课程
  • 选择具有此类的所有元素,然后仅选择具有此类的子元素

落实其他事项的议案

  • 退出动画并导航至交互面板
  • 在触发器设置中,确保此动画应用于具有此类的所有元素(例如,类别:项目链接)

预览你的作品。

麦宜云
Ewan Mak 的最新帖子 (查看全部)