先从问题开始

搜索弹窗的完整体验不仅是“能打开”。键盘用户需要快捷键与 Escape,屏幕阅读器需要角色和状态,关闭后焦点还应回到触发按钮。

把方法放进结构

初始 hidden 可以确保 JavaScript 失败时遮罩不会挡住正文;打开和关闭应统一管理 body 滚动状态,避免透明遮罩残留。

最后回到可验证的体验

这些细节共同决定一个弹窗是视觉效果,还是可靠组件。

编辑提示

本文为站内方法性内容,不引用虚构机构背书,也不把演示数据描述为真实运营指标。