How do I get a fixed item to stop at a certain point

Question

I've built a form that form expands up from the bottom of the page. I have it fixed but it dissappears behind the footer at the bottom of the page. How do I get this element to be fixed but only until I scroll to a certain point?

Spas K. · Answer

Unfortunately, you can't change the fixed positioning of an object conditionally. It's either always fixed, or always scrolling.

There is a way to kinda replicate this behavior, but it doesn't work very well:

https://xd.adobe.com/view/9e693a84-6c6e-49ae-9cdb-06bc05d7fd76-cb3a/

Basically, you put all the elements of the page in a vertical scroll group, except for the footer and the form (without making it fixed), and when you reach the end of the scroll group, the actual page scrolls and reveals the footer. Problem is it only works on the way down, and if you scroll back up the page scrolls first, and then the footer hides.

Note: There's a bug with the web preview, that doesn't happen when previewing in Xd - if the scroll stops and doesn't reveal the footer, move the mouse a bit and scroll further down.

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.

Scanning file for viruses.

This file cannot be downloaded