滚动时显示和隐藏导航栏

构建一个在滚动时响应的导航栏交互。

在本教程中:

  1. 隐藏导航栏
  2. 发现导航栏 

隐藏导航栏

  1. 选择导航栏并确保其位置固定在视口上
  2. 在“交互”面板中,从“向下滚动”菜单中选择“启动动画”
  3. 为其指定标题(例如“隐藏导航”)
  4. 点击定时操作旁边的加号
  5. 在“移动”部分,改变 Y 轴,直到导航栏位于视口之外
  6. 定制你的宽松曲线和时机

发现导航栏

  1. 选择导航栏
  2. 在“交互”面板中,从“向上滚动时”菜单中选择“启动动画”
  3. 为其指定标题(例如“显示导航”)
  4. 点击定时操作旁边的加号
  5. 在“运动”部分,将 Y 轴恢复为 0
  6. 自定义缓和曲线和时间

在预览中查看您的进度。

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