向下滚动页面,观察 全局导航 → 一级导航 → 二级导航 → 下一个一级导航 的吸顶接力
配件按类目浏览,二级导航在模块内持续吸顶
滚出上一个模块后,第二个二级导航接管吸顶
本模块滚完,一级导航一的全部内容即完成,随后由一级导航二接管吸顶
一级导航二已接管吸顶,它自己的二级导航在本模块内吸顶
同一一级导航下的多个二级导航依次接力吸顶
滚出组件板块后,二级吸顶导航退出;一级导航二仍会在其区块内继续吸顶
提示:可在顶部原型导航栏切换「显示 / 隐藏」,观察两种吸顶状态下的层叠位置差异。
胶囊按钮平铺,选中项深色填充、其余白底描边
纯文字 + 底部短线指示当前项,无底色
灰色胶囊容器包裹全部 Tab,选中项化为黑色实心胶囊
同一样式:部分 Tab 带标签
向下滚动 → Tab 栏在组件内吸顶悬浮
一级导航按「导航固定方式」吸顶,二级导航在其下方继续吸顶
开启「是否吸顶」后,Tab 栏在组件内吸顶