您可以使用“滚动变体”使导航栏在用户向下滚动页面时更改其外观,例如更改其背景颜色或调整元素的位置。或者在向下滚动页面时突出显示活动部分的侧边栏。...Demo1: 实现一个滚动到不同部分,修改导航栏的背景颜色的效果
创建导航栏组件
第一步就是创建一个导航栏组件 可以直接按下命令 K 并调出快捷菜单。...采用flex布局, 子项y方向垂直居中, x方向左右两端分布, 左右两边加入内边距padding
每一项的item 也是flex伸缩盒布局, 子项垂直水平居中
紧接着我们复制这个组件两份,分别修改背景颜色为黑色...单击组件, 点击左侧属性栏的Effect ==> 点击+号 添加scroll variant
编辑
给每个页面加入了Scroll Section Name(这也在左侧属性面板,往下面划划就看到了).这方便我们用来控制当...观察上方的Gif图片,我们就会发现,滚动到不同部分.右边的ICON 图标 在进行相应的变化.