回到所有的课程
课程库

显示和隐藏导航栏滚动

建立一个导航条交互,以滚动响应。

本视频采用了旧的用户界面。更新版本即将到来!

在这节课中:

  1. 让导航栏消失
  2. 重新显示导航栏

让导航栏消失

  1. 选择导航栏,并确保它的位置固定在视口中
  2. 在“交互”面板中,从“当向下滚动”菜单中选择“启动动画”
  3. 命名它(例如,“nav leave”)
  4. 点击定时动作旁边的加号
  5. 在“移动”下改变y轴,直到导航栏在视口之外
  6. 调整你的缓和曲线和持续时间

重新显示导航栏

  1. 选择导航条
  2. 在“交互”面板中,从“向上滚动”菜单中选择“启动动画”
  3. 命名它(例如,“nav enter”)
  4. 点击定时动作旁边的加号
  5. 在“移动”下将y轴移回0
  6. 调整你的缓和曲线和持续时间

在预览中检查你的工作。


尝试Webflow——它是免费的
Baidu
map