← 返回全部术语
浮层与对话 / TERM 223
223全屏导航层Full-screen Menu
菜单展开后占满视口。
01 这个效果是什么
将主导航放入覆盖整个视口的面板，常用于移动端或简洁的品牌首页。
02 可以这样告诉 AI
点击菜单按钮后全屏导航从顶部进入，锁定背景滚动；关闭或选择链接后恢复原滚动位置和焦点。
03 做好后看什么
- 背景滚动和焦点都正确恢复
- 键盘和触屏可以完成同样操作
菜单展开后占满视口。
将主导航放入覆盖整个视口的面板，常用于移动端或简洁的品牌首页。
点击菜单按钮后全屏导航从顶部进入，锁定背景滚动；关闭或选择链接后恢复原滚动位置和焦点。