Sticky button to appear after scrolling

Question

Can you make a button appear and be sticky after scolling on the page?

Spas K. · Accepted Answer

Hi Rachel.

Unfortunately, right now you can only set an element as fixed, but you can't set it to become fixed depending on a certain condition like scrolling the page.

Here's a workaround I've been using, that involves sort of a "cover" and 2 versions of the button.

Quick demo with a prototype:
https://xd.adobe.com/view/096a929f-d848-435d-ac9d-259dbb552b43-5c39/

I made the cover a slightly different color in the second screen, so you can see it.

And here's the file, so you can see how it's set up:
https://www.dropbox.com/s/4ly9nnlxaymrx69/Fixed_Scroll_demo.xd?dl=0

Hope that helps. Cheers!

Harshika Verma · Answer

Hi Rachel,

Thanks for reaching out. In addition to the workaround shared by Spas K, you may also submit your feedback here: https://adobexd.uservoice.com/forums/353007-adobe-xd-feature-requests/suggestions/34603798-fixed-sticky-after-scrolling and upvote the request to add your voice.

Hope it helps.

Thanks,

Harshika

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.