导航栏的定位方式直接影响用户的浏览体验。蓝色小导航同时支持吸顶(sticky)和固定(fixed)两种模式。
吸顶导航
吸顶导航在页面滚动到一定位置后固定在顶部。这种模式在初始状态下不占用屏幕空间,适合首屏内容丰富的页面。蓝色小导航的吸顶导航还支持滚动时缩小高度的效果,进一步节省空间。
固定导航
固定导航始终停留在页面顶部,用户在任何位置都能快速访问导航菜单。适合导航频率较高的场景,如后台管理系统。
选择建议
内容型网站推荐使用吸顶导航,工具型应用推荐使用固定导航。蓝色小导航也支持混合模式——桌面端固定、移动端吸顶,兼顾不同设备的体验需求。
吸顶导航固定导航布局选择