Figma is free to use. Sign up here:
In Figma, scroll position defines how individual objects behave when you scroll past them. There are three types of scroll positions: scroll with parent, fixed, and sticky. In this tutorial, we’ll focus on sticky scroll and see how we can use it make our prototypes even more dynamic.
To learn more about other scroll behaviors and how to use them in Figma, check out these resources:
- Help Center articles:
- Scroll to playground file:
- Sticky scroll playground file:
00:00 Intro
00:54 Apply vertical scrolling behavior to the blog
01:38 Apply sticky behavior to the callouts
02:46 Add top paddings to the callouts
04:39 Set callouts scroll out of view once