菜单未打开时

页面加载后抽屉仍在屏幕外,遮罩保持隐藏且不接管指针事件。目录、登录、正文链接和底部快捷都应该可以直接点击。

如果一进页面就无法点击,说明交互状态异常。

菜单打开以后

左侧抽屉滑入,遮罩才显示并接管点击。此时可以点击遮罩、顶部关闭按钮或按Esc关闭菜单。

打开状态下页面滚动会被锁定,避免背景跟着移动。

菜单关闭以后

抽屉移出屏幕,遮罩同时隐藏并恢复pointer-events:none,正文应立即重新可点。

若关闭后仍有遮挡,可刷新页面或进入查阅帮助查看排查顺序。

不同小屏宽度的共同原则

375px、390px和430px等常见宽度都使用三段式顶部,不让导航折成两行,也不让按钮彼此重叠。

正文采用自然纵向滚动,避免横向溢出。