Toolbar scroll and fixed position prototyping

There is a header toolbar in the website design and a main drop down menu toolbar but I want the position of the main drop down menu toolbar to shift up and stay fixed when the website is scrolled and the header toolbar should not scroll or be visible when the page is scrolled. I have been struggling to make this happen in the prototype. Please help and guide for where am I wrong.

1 Like
2 Likes

Thank you for sharing

1 Like

I think that what you want is this

2 Likes

Fixed position is for elements that are in a scrollable area that should remain fixed 100% of the time.
Sticky elements are scrollable, but then become fixed at a certain height.
Here is the HTML example of what he is talking about.

3 Likes

thank youu:)

I have managed a workaround for a Sticky Header that has a fixed positioning at a certain scroll depth on Adobe XD a while ago using a mask. I am struggling to replicate such thing in Figma.

You can’t. Vote here: Fixed Positioning Starting At Certain Scroll Depth (position sticky)

1 Like