Skip to main content

Select top of frame for sticky elements

  • March 13, 2024
  • 1 reply
  • 301 views

Hello,
I think there would be two useful points to add for interactions.

The first being able to select distance from top an element stickies at for prototyping.
– A simple use case for this is floating shopping cart summaries that should sticky below the navigation, not the top edge.

The second is being able to select an element to be sticky to the top of the frame it is in.
– A use case here, simply can be modals or tables that can scroll and need to sticky something afterwards.

Final request would be, an add-on or variant on to the second feature above — being able sticky at top of screen (or distance from top) until the parent frame passes that point, at which point, it scrolls up with its parent frame.

1 reply

  • Figmate
  • 1997 replies
  • March 15, 2024

Hi @Matthew26, Thank you for sharing your idea about sticky element. Your input is greatly appreciated!

I’m not completely sure I understand, but it seems like your first idea involves adding a distance option for the [Sticky (stop at top edge)] position in the Scroll behavior section.
image

Could you provide more details about the second idea? As there is already a [Sticky (stop at top edge)] position in the Scroll behavior.

Regarding the last point, it appears to be related to a popular idea from another community member here: “On Scroll” for prototyping. Feel free to check it out!

Please inform us if I have misunderstood anything. Looking forward to hearing from you soon!
Also, for community members who support this idea, please vote up!

Thanks,


Reply


Cookie policy

We use cookies to enhance and personalize your experience. If you accept you agree to our full cookie policy. Learn more about our cookies.

 
Cookie settings