导航栏样式 - 位置

默认情况下,「Navbar 导航栏」会占据100%宽度,导航栏的display设置为block。

除非特殊要求,对于刚刚使用WebFlow的用户,不推荐更改display设置。

锁定导航栏在顶部的步骤

很常见的一种情况是把导航栏锁定在顶部。这种设计的好处,是让用户随时都能知道自己所在页面,随时都能切换到其他页面。这是用户体验中很重要的一环:让用户有掌控感。

步骤如下:

  1. 双击「navbar」导航栏symbol,进入symbol编辑模式。
  2. 选中「Navbar 导航栏」
  3. 切换到「Styles 样式」面板
  4. 在「Position」中,选择「Fixed」选项
  5. 选择「Top」选项,「Navbar 导航栏」就可以占据100%宽度

尝试除了「Top」的其他选项,看看有什么不同?

如果没有双击进入symbol编辑模式,直接选中「Navbar 导航栏」,你在「Styles 样式」面板会看到不一样的内容。

点击「预览」,观看效果。

results matching ""

    No results matching ""