侧边导航抽屉

Web需自己实现

Web 原生没有这个

网页没有原生导航抽屉，需要用导航结构、对话框行为和响应式布局自行组合。

通常怎么做：窄屏用可关闭覆盖层，宽屏转为持久侧栏；打开时管理焦点和背景交互。

适用范围：桌面与移动端现代浏览器

社区一般叫它 Navigation Drawer · Sidebar Navigation

它从屏幕侧边显示主要导航入口，可以临时覆盖内容，也可以在宽屏上一直展开。

结构示意图

WebNavigation Drawer需自己实现

iOS原生支持

Sidebar本平台没有对应叫法

苹果在 iOS / iPadOS 上先推荐标签栏——原页写的是 Consider using a tab bar first，理由是标签栏给内容留出更多空间，而侧栏需要大量纵向与横向空间。

Android官方不推荐

Navigation Drawer本平台没有对应叫法

Material 3 在 Expressive 更新中不再推荐导航抽屉；已经采用该更新的产品应改用展开式侧边导航轨（expanded navigation rail）。

导航抽屉覆盖或常驻在内容侧边；导航轨有收起与展开两种形态，展开态正是官方给导航抽屉的替代品。

分栏视图让多个区域同时可见；导航抽屉的导航区域可以临时覆盖内容。