默认状态正文可直接点击
首次进入页面时,抽屉在屏幕左侧之外,遮罩隐藏且不接收点击,因此菜单、登录、正文和底部快捷都能正常使用。
打开菜单后才出现遮罩
点击菜单后,抽屉滑出,遮罩出现并阻止背景误触,同时页面暂时锁定滚动,直到用户主动关闭。
关闭后滚动与点击立即恢复
点击关闭按钮、遮罩或按Esc,抽屉和遮罩同时退出,滚动锁定取消,正文链接立刻恢复可用。
手机页面最重要的交互规则是:菜单没打开时,遮罩不能存在于点击层。只有抽屉打开后,它才显示并接收点击。
首次进入页面时,抽屉在屏幕左侧之外,遮罩隐藏且不接收点击,因此菜单、登录、正文和底部快捷都能正常使用。
点击菜单后,抽屉滑出,遮罩出现并阻止背景误触,同时页面暂时锁定滚动,直到用户主动关闭。
点击关闭按钮、遮罩或按Esc,抽屉和遮罩同时退出,滚动锁定取消,正文链接立刻恢复可用。