Figma入门教程10-垂直滚动锚点链接
1.绘制3个空的矩形作为空对象,这步操作是为了方便定位偏移量

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

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

4.添加第一个按钮至第一个矩形以此类推
统一选择滚动到-动画-缓动
并设置垂直方向的偏移量

偏移量等于顶部固定导航的高度
垂直向下为负数
所以设置为-156
5.将画板的高度设置为正常大小

6.并将空对象三个矩形的透明度设置为0,制作完成
点击前往查看→查看视频教程
源文件地址:
Figma入门教程10-垂直滚动锚点链接
1.绘制3个空的矩形作为空对象,这步操作是为了方便定位偏移量

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

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

4.添加第一个按钮至第一个矩形以此类推
统一选择滚动到-动画-缓动
并设置垂直方向的偏移量

偏移量等于顶部固定导航的高度
垂直向下为负数
所以设置为-156
5.将画板的高度设置为正常大小

6.并将空对象三个矩形的透明度设置为0,制作完成
点击前往查看→查看视频教程
源文件地址: