Skip to main content
Solved

Toolbar scroll and fixed position prototyping

  • February 1, 2021
  • 7 replies
  • 12571 views

Priyanshi_Khanna

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.

Best answer by Gleb

View original
This topic has been closed for comments

7 replies

Gleb
  • Power Member
  • 4706 replies
  • Answer
  • February 1, 2021

Priyanshi_Khanna

Thank you for sharing


Steven
  • 122 replies
  • February 4, 2021

I think that what you want is this


Hunter_Wilhelm

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.

w3schools.com

Kavya_Subramaniam

thank youu:)


Everaldo_Amorim

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.


Gleb
  • Power Member
  • 4706 replies
  • July 19, 2022

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