菜单未打开时
页面加载后抽屉仍在屏幕外,遮罩保持隐藏且不接管指针事件。目录、登录、正文链接和底部快捷都应该可以直接点击。
如果一进页面就无法点击,说明交互状态异常。
菜单打开以后
左侧抽屉滑入,遮罩才显示并接管点击。此时可以点击遮罩、顶部关闭按钮或按Esc关闭菜单。
打开状态下页面滚动会被锁定,避免背景跟着移动。
菜单关闭以后
抽屉移出屏幕,遮罩同时隐藏并恢复pointer-events:none,正文应立即重新可点。
若关闭后仍有遮挡,可刷新页面或进入查阅帮助查看排查顺序。
不同小屏宽度的共同原则
375px、390px和430px等常见宽度都使用三段式顶部,不让导航折成两行,也不让按钮彼此重叠。
正文采用自然纵向滚动,避免横向溢出。
