小屏阅读:菜单关掉后,链接应该立刻可点

手机端最重要的不是把内容塞满,而是保证菜单、正文和底部快捷都能正常使用。

未打开菜单时,遮罩不能挡住页面

正常状态下,移动端遮罩保持隐藏并不接收点击。此时顶部菜单、注册入口、正文链接和底部快捷导航都应能直接点击。如果出现“看得见但点不了”,通常需要先检查菜单是否仍处于打开状态。

打开菜单后,遮罩才出现

点击左上角菜单,抽屉从左侧滑出,遮罩同时出现并锁定正文滚动。点遮罩、点关闭按钮或按 Esc 都应关闭菜单。关闭完成后,遮罩立刻失效,页面点击恢复。

小屏阅读的顺序建议

先用底部“索引”找主题,再根据需要进入 APP服务或帮助中心。需要注册或登录时,先看账户安全。未达到所在地法定年龄的读者不应继续操作,并应遵守所在地法律法规。

375、390、430 像素宽度都要保持三段式顶部

窄屏顶部仍保留左侧菜单、中间品牌标识和右侧注册入口,三部分不能互相覆盖,也不能被挤成两行。横向频道在手机端隐藏,常用入口改由抽屉和底部快捷导航承担。

页面正文使用浏览器正常整页滚动,不再套一个固定高度的独立滚动区。这样阅读长文时更符合手机习惯,也能减少菜单关闭后焦点和滚动位置混乱的问题。