Request details

Fixed elements in scrolling artboards (header, nav bar, etc.)

Since you already started with scrollable area inside artboard, it would be awesome if we could define sticky header. For example, one page website has a lot of content, but I want to create sticky header so when I scroll down, it stays at the top. Maybe you could add the option so we can define the group and assign the sticky header option to it. That way on any artboard we can just assign that option to it and that's it.

5,551 votes
Sign in
(thinking…)
Sign in with: Facebook Google
Signed in as (Sign out)

We’ll send you updates on this idea

Aleksandar Cucukovic shared this idea  ·   ·  Flag idea as inappropriate…  ·  Admin →

Fixed elements are finally here!! We’re incredibly excited to announce that you can select any top-level element in your artboard and click “Fixed Position” to fix your element anywhere in the viewport.

To learn more about this feature, watch the video here: https://youtu.be/3fWBkV5S6U4

Please do continue to file and upvote issues in UserVoice – your voice really does make a difference!

-Elaine

973 comments

Sign in
(thinking…)
Sign in with: Facebook Google
Signed in as (Sign out)
Submitting...
  • Pablo Sara commented  ·   ·  Flag as inappropriate

    I want to be able to only scroll only the content but not the top navigation bar or the objects I specify.

    If symbols are introduced, this could be a property for a symbol ("Prevent scrolling in prototype" or "locked position in prototype"

    Maybe an inverted solution could also work: we could define a viewport for each canvas (by default is the whole canvas) and the scrolling/panning of content could happen only inside it.

    Sorry if I'm missing something!

  • Denis commented  ·   ·  Flag as inappropriate

    Please make this feature, ASAP. We are truly Adobe xD users who really need this.

  • Sylvester Aryee commented  ·   ·  Flag as inappropriate

    I believe this post might have been edited to be a bit too specific. In my case, sticky elements (fixed elements) could include anything from headers/navigation) to notices, footer bars, 'back-to-top' buttons etc. And not limited to headers.

  • Joel Cory commented  ·   ·  Flag as inappropriate

    I would like to have support for fixed side nav, as well as fixed header, footers. There were different requests for the header and footer, but it seems to be the same feature to me.

  • Philippe Schott commented  ·   ·  Flag as inappropriate

    It would be great to be able to define elements or groups of elements as sticky (to browser top/bottom/left side/right side) in order to create sticky navigation or boxes (for feedback/chat/next-best-actions for example). It would also be great to be able to define when the elements or groups of elements should be sticky and when not, e.g. a sticky navigation placed below a stage at y 500 should only be sticky, when scrolled down below y 500.

  • Kidhack commented  ·   ·  Flag as inappropriate

    In the prototype, when implementing the ability to scroll content or even non scrolling screens, the designer should be able to lock the area from not scrolling out of the screen view.

  • Sylvester Aryee commented  ·   ·  Flag as inappropriate

    I can't tell you how many times I've had to tell a client "This scrolls with the page".

    If this was integrated in the prototype mode, where you could just right click and select "Fixed element" or something, that would be great.

  • jsprlprd commented  ·   ·  Flag as inappropriate

    Ability to identify mobile elements such status bar, navigation bar both the top and bottom.

    This will be very helpful when creating in a longer canvas with detailed designs, if we can set them fixed to a specific area while interacting (scrolling) with it. We could better design the experience.

  • Andrew commented  ·   ·  Flag as inappropriate

    Being able to have the navigation bar scroll down the page with you or an alternative nav.

  • Cris Lindner commented  ·   ·  Flag as inappropriate

    Hi, It would be great to have some "fixe this object" tool during a transition. to set fixed menus , light boxes or modals.

1 2 45 46 47 49 Next →

Feedback and Knowledge Base