Skip to main content
Question

Double sticky navigation

  • July 5, 2024
  • 1 reply
  • 232 views
L

Hi there,

I am looking for a solution to create a double sticky navigation.
The first navigation should be sticky and the second navigation should scroll until it touches the first navigation. Is there any way to do that in Figma? Saw a tutorial about this but it involved absolute positioning which seems to be gone in the most recent version.

Thanks in advance!

This topic has been closed for comments

1 reply

Vishal_Ramawat

On the Page you have the following structure and settings:
Position Settings:

  • Top Header: Fixed
  • Fixed Header: Fixed
  • Content: Fixed
  • Sticky Header: Sticky
  • Footer: Scroll with parent

Overflow settings:

  • Page: No Scrolling
  • Content Vertical Scrolling

Content frames starts just below the Fixed Header

image

Page and Content Height is same, but footer is far below

image

Result:

image

image

Terms & ConditionsCookie settings

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