入门教程10-垂直滚动锚点链接

标记狮私有云部署
一键部署标记狮至私有服务器,构建快速,安全,高效,私密的UI设计团队云协作

Figma入门教程10-垂直滚动锚点链接

1.绘制3个空的矩形作为空对象,这步操作是为了方便定位偏移量

Figma入门教程10-垂直滚动锚点链接

2.将顶部导航的内容打组,并勾选滚动时保持固定

Figma入门教程10-垂直滚动锚点链接

3.切换到原型菜单-选择溢出滚动-垂直滚动,开始添加交互

Figma入门教程10-垂直滚动锚点链接

4.添加第一个按钮至第一个矩形以此类推

统一选择滚动到-动画-缓动

并设置垂直方向的偏移量

Figma入门教程10-垂直滚动锚点链接

偏移量等于顶部固定导航的高度

垂直向下为负数

所以设置为-156

5.将画板的高度设置为正常大小

Figma入门教程10-垂直滚动锚点链接

6.并将空对象三个矩形的透明度设置为0,制作完成


点击前往查看→查看视频教程


源文件地址:

https://www.figma.com/community/file/1156539275253612222



标记狮私有云部署
一键部署标记狮至私有服务器,构建快速、安全、高效、私密的UI设计团队云协作
立即部署>>
标记狮私有云部署-一键部署标记狮至私有服务器,构建快速,安全,高效,私密的UI设计团队云协作