导航栏样式 - 位置
默认情况下,「Navbar 导航栏」会占据100%宽度,导航栏的display设置为block。
除非特殊要求,对于刚刚使用WebFlow的用户,不推荐更改display设置。
锁定导航栏在顶部的步骤
很常见的一种情况是把导航栏锁定在顶部。这种设计的好处,是让用户随时都能知道自己所在页面,随时都能切换到其他页面。这是用户体验中很重要的一环:让用户有掌控感。
步骤如下:
- 双击「navbar」导航栏symbol,进入symbol编辑模式。
- 选中「Navbar 导航栏」
- 切换到「Styles 样式」面板
- 在「Position」中,选择「Fixed」选项
- 选择「Top」选项,「Navbar 导航栏」就可以占据100%宽度
尝试除了「Top」的其他选项,看看有什么不同?
如果没有双击进入symbol编辑模式,直接选中「Navbar 导航栏」,你在「Styles 样式」面板会看到不一样的内容。
点击「预览」,观看效果。