Skip to main content
Question

Responsive sticky element with absolute positioning

  • September 29, 2024
  • 2 replies
  • 139 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.

2 replies

Nellya
  • Power Member
  • 420 replies
  • September 29, 2024

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


Akshar_Ghosh

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.


Reply


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