Skip to main content
Question

Responsive sticky element with absolute positioning

  • September 29, 2024
  • 2 replies
  • 444 views

Akshar_Ghosh

Hey everyone,

I have a footer element which is an autolayout itself and I have some body content in the parent frame along with the footer. I want to make the footer stick to the bottom of the viewport so I changed into absolute position (ignore autolayout in ui3). Then i changed the scroll behaviour to fixed.
While this is keeping the footer fixed in the bottom and I am also able to scroll the rest of the body content in the autolayout, the footer is not responsive (since i ignored the autolayout).
Is there any way I can achieve this? I want to keep the footer stuck to the bottom of the screen and also ensure it is responsive (fills parent container) when I change the width of the parent frame.

This topic has been closed for replies.

2 replies

Nellya
  • Power Member
  • September 29, 2024

Hey! Try to change the constraints of the footer to left & right
29-09-2024 200552


Akshar_Ghosh
  • Author
  • September 29, 2024

Thank you for the reply.
I noticed that the left+right and scale options are disabled since i have the element set to fixed (to the bottom of the screen) when scrolling.
But i think we can split the body and the footer into two individual frames to achieve what I want.
Once again, thank you for you response.