# 顶部导航栏 / Navbar > 组件 · `id: navbar` 固定在页面顶部的水平导航条：左侧品牌标识，中间主导航链接，右侧搜索、 入口按钮与用户头像。它是网站的"门面导航"，把最重要的三到七个入口压进 一条横向空间，移动端折叠为汉堡菜单。常配合 position: sticky 在滚动时保持可见。 **别名:** 导航栏 · 顶部菜单 · 页面最上面那一条 · header 导航 · 页头导航 · 汉堡菜单那条栏 · top bar **分类:** Navigation ## 适用场景 - 入口少而扁平的官网、产品站、文档站 - 品牌与全局动作需要常驻首屏 - 页面结构上下流动、适合顶部横向空间 ## 不适用场景 - 层级深、模块多的后台（侧边栏更合适） - 需要同时扫视大量导航项 - 沉浸式阅读、编辑器等全屏场景 ## 常见形式 - **标准** (Standard) — 品牌左、链接中、动作右 - **居中** (Centered) — 链接绝对居中，Apple 官网风格 - **透明悬浮** (Transparent overlay) — 压在首屏大图上，滚动后加底色 - **悬浮容器** (Floating container) — 导航置于带圆角、描边与轻阴影的独立容器中。 ## Platform API - `