Skip to main content

I have a layout that has typical navigation on top, and on some of the pages, I will have a disclaimer that floats (sticky) at the bottom of the window. When the expand button is selected, the disclaimer should expand upwards and stop at the bottom of the header nav. Also, be able to scroll down to read the disclaimer.


I’ve been trying all sorts of ways to do this to no good solution; I can do this pretty quickly, duping the layout and linking to the new layout with the disclaimer expanded and in position. I would like to do this in one layout if possible. See the attached Figma file and screenshot for what I’m trying to achieve. https://www.figma.com/file/hPeVw7S9VvTxRUIbvV9a8S/expanding-footer?type=design&node-id=1%3A27&mode=design&t=t3UWPakF5t8WXxQP-1

fig-screen

Hi there,


Thank you for reaching out. I made a quick sample, as you can see in the attached video:



I utilized interactive components to avoid having to create an additional frame for the disclaimer. Interactive components enable you to establish prototype interactions between different variants within a component set. For more details, you can check out this link: https://help.figma.com/hc/en-us/articles/360061175334-Create-interactive-components-with-variants.


By using the auto layout function, you can easily place the disclaimer at the bottom of the page while maintaining the scrollability of the page: https://help.figma.com/hc/en-us/articles/5731482952599-Using-auto-layout.


I hope this helps but please feel free to let us know if you have further questions!


Thanks,

Toku

Reply


Terms & ConditionsCookie settings