介绍一个简单的导航效果当用戶向下滚动页面时自动隐藏导航,在用户几把向上还是向下滚动页面时自动显示导航
自动显示隐藏导航这种交互出现已经有一段时间了,特别是在移动设备上 这种UX模式背后的想法简单而有效:我们希望导航在我们需要的时候很方便的显示,当用户向下滚动页面时导航會自动隐藏,为内容留出更多的空间在用户几把向上还是向下滚动页面时,我们将他的行为理解为想要访问导航所以我们把导航自动洎动显示出来。
先来看看演示Demo:
简单的导航主导航 + 子导航主导航 + 大Banner + 子导航这种交互现在比较常见甚至在一些知名网站上都有应用。下面峩们来看看简单的实现:
关注小编私信“学习”免费提供学习资料