Figma 学习笔记 – Scroll and Position Fixed

Scroll

Scroll 属于 prototype 的一部分.

当一个 Frame 的内容超出 Frame 的高度或宽度时, Frame 就具备了 scroll 的能力.

Figma 学习笔记 – Scroll and Position Fixed

通过 uncheck clip content 我们可以看到内容已经超出 Frame 的高度了

 

Figma 学习笔记 – Scroll and Position Fixed

在 prototype 内有一个 vertical scrolling 的设置, 开启后就可以看到 scroll 效果了

Figma 学习笔记 – Scroll and Position Fixed

 

Position Fixed

如果想让一个子元素一直定位在 screen 中, 不被 scroll 影响, 只需要勾选 Fix position when scrolling 就可以了

Figma 学习笔记 – Scroll and Position Fixed

效果:

Figma 学习笔记 – Scroll and Position Fixed

 

无法使用的场景

当使用 Auto Layout 的情况下, 所以子元素是无法设置 position fixed 的.

子元素必须在第一屏, 并且完整显示才可以做到 position fixed 的效果.

 

 

 

 

 

 

 

上一篇:Figma 学习笔记 – Constraints 约束


下一篇:Mac设计必备设计软件,看看你还差什么?