Skip to main content
This topic has been closed for replies.
Correct answer Spas K.

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!

2 replies

Harshika Verma
Community Manager
Harshika VermaCommunity Manager
Community Manager
October 9, 2020

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

    Spas K.
    Community Expert
    Spas K.Community ExpertCorrect answer
    Community Expert
    October 9, 2020

    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!

      Terms & ConditionsAccessibility statement
      Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices