Figma入门教程10-垂直滚动锚点链接
1.绘制3个空的矩形作为空对象,这步操作是为了方便定位偏移量
2.将顶部导航的内容打组,并勾选滚动时保持固定
3.切换到原型菜单-选择溢出滚动-垂直滚动,开始添加交互
4.添加第一个按钮至第一个矩形以此类推
统一选择滚动到-动画-缓动
并设置垂直方向的偏移量
偏移量等于顶部固定导航的高度
垂直向下为负数
所以设置为-156
5.将画板的高度设置为正常大小
6.并将空对象三个矩形的透明度设置为0,制作完成
点击前往查看→查看视频教程
源文件地址:
Figma入门教程10-垂直滚动锚点链接
1.绘制3个空的矩形作为空对象,这步操作是为了方便定位偏移量
2.将顶部导航的内容打组,并勾选滚动时保持固定
3.切换到原型菜单-选择溢出滚动-垂直滚动,开始添加交互
4.添加第一个按钮至第一个矩形以此类推
统一选择滚动到-动画-缓动
并设置垂直方向的偏移量
偏移量等于顶部固定导航的高度
垂直向下为负数
所以设置为-156
5.将画板的高度设置为正常大小
6.并将空对象三个矩形的透明度设置为0,制作完成
点击前往查看→查看视频教程
源文件地址: