Skip to main content
Justin_Kalaskey
January 25, 2021

LAUNCHED: Elements now stick to the top when vertically scrolling in prototyping

  • January 25, 2021
  • 136 replies
  • 101434 views

Currently the only function of fixed positioning on an element is to make it persistent in the same spot at all times. While this is useful the majority of the time, there are instances where it would be helpful to have an element become fixed when it scrolls into view or reaches the top of the screen.

For example, there could be a web page that has a secondary navigation below the hero that will become fixed when it reaches the top of the screen and be persistent for the rest of the scroll depth. Then when a user scrolls back up, the element releases from the fixed position when it reaches its original position. You can see this in effect on this page: Develop custom experiences with the Zendesk Platform | Zendesk Sunshine. It could also be used in more advanced manners such as multi-level parallax scrolling.

Zendesk scroll example

This would be very helpful for both engineering and stakeholders to understand functionality, especially when the designer isn’t there to describe it to them. It would also prove useful for user testing to understand if a chosen function works for users prior to spending time in engineering.

Does anyone have any other solution to this that I’m missing?

Thank you in advance and looking forward to hearing back!

136 replies

Visakan_Kanagarajan
February 14, 2023

The answer is NO, if you haven’t got the hint yet, peeps!

Social_Media
February 24, 2023

No way they need to add this feature real quick or i start developing on Adobe XD

James_McLain1
New Participant
February 24, 2023

I have found that communicating concepts to upper management is becoming increasingly difficult without this feature. Especially as more and more companies adopt such function.

Adrian_Everett
February 25, 2023

typical figma user journey:

  • client requires a prototype that can demo basic functionality of a webpage
  • client requests prototype in figma
  • i end up on a forum page where users have been requesting the feature for several years
Mac_P
New Member
February 26, 2023

Where is this in the list of priorities?

Gabriele
New Member
March 5, 2023

same here. Pls add this one! 🙂

Gabriele
New Member
March 5, 2023

also it would be useful to swap frames at scroll (like at the beginning of the page there’a a header, and when you scroll you swap to a mini version of it)

March 10, 2023

Please add this feature in your prototypes. For navigations elements it would be key

Hunter_Wilhelm
March 28, 2023

They have officially added this feature to Figma! Thank you!

  • Create “sticky objects” that stay in place at the top of the frame once you scroll past them
Figma Learn - Help Center
djv
Figmate
Community Support
March 30, 2023

3 posts were merged into an existing topic: Improve the New Position Sticky Implementation