Responsive sticky element with absolute positioning

Ask the community
1

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.

2

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

3

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.