← 返回 Web 词条WebPopover原生支持
气泡浮层
在 Web 上叫Popover
popover attribute / showPopover()
浏览器负责顶层显示与轻触关闭；定位仍需锚点定位能力或样式配置。
它贴着触发它的元素显示一小块临时内容，关闭后用户仍留在原来的上下文中。
- 从按钮旁边冒出来的小框
- 贴着我刚点的位置出现的内容
- 有个小尖角指着按钮的浮层
- 弹出浮层
- 锚点浮层
- 气泡面板
结构示意图
其他平台的相似实现
iOS原生支持
Popover同名看 iOS 视角 →Android需自己实现
该平台没有原生实现Material 3 没有通用 Popover 组件，菜单、提示和对话框各有专用组件，任意内容浮层需要自行组合。
看 Android 视角 →使用规范
什么时候用
- 展示与一个触发点直接相关的简短详情或少量控件
什么时候别用
- 手机窄屏上的长任务、重要确认或内容与触发点没有明确关系