您可以使用“滚动变体”使导航栏在用户向下滚动页面时更改其外观,例如更改其背景颜色或调整元素的位置。或者在向下滚动页面时突出显示活动部分的侧边栏。...组件创建之后会存在于Assets 里面,我们直接从里面拖入页面即可导入.
给组件加入滚动变体动画
下面就来给组件加入滚动变体动画....然后就说下创建变体Icon 图标. 观察上方的Gif图片,我们就会发现,滚动到不同部分.右边的ICON 图标 在进行相应的变化....具体步骤:
第一步: 我们创建一个组件, 引入3个图标(Framer内置了,可以在import里面找到).
第二步: 引入到页面上,使用固定定位,定位在指定位置....第三步: 添加滚动变体效果,滚动到不同部分,选择不同的组件即可.
这里我就不把属性图进行贴出了, 和上面第一个创建方法一致. 大家可以自己试一下.