自动隐藏导航 响应式 + 3种样式

[ 默认分类 ]

自动隐藏导航

用户向下滚动时自动隐藏的简单导航,当用户向上滚动时变为可见。

演示

自动隐藏导航现在已经存在很长时间了,特别是在移动设备上。这种用户体验模式背后的想法简单而有效:我们希望导航能够随时轻松访问,因此我们将其贴在上面。但是,当用户向下滚动时,我们会自动隐藏它,以便为内容创建更多空间。如果用户向上滚动,我们将其行为解释为访问导航的意愿,因此我们将其恢复。

由于我们一直在几个客户的项目中使用这种方法,我们认为有一个随时可用的代码片段会很方便。
Mobile样式
Web样式

#none

2019年04月21日247 次浏览

随机

扫一扫
查看手机版