Request details

← Adobe XD: Feature Requests

Fixed/sticky after scrolling

First of all, congrats on the new update, it's awesome!

One of the most awaited features for me was the fixed/sticky option. One thing that got in my mind after trying it was making something "stick" after scrolling, like a "go back top" button, which you don't want to have before you actually start scrolling.

232 votes
Sign in
(thinking…)
Sign in with: Facebook Google
Forgot password?
Create a password
Signed in as (Sign out)
Close
Close

We’ll send you updates on this idea

Georgian Butunoi shared this idea  ·   ·  Flag idea as inappropriate…  ·  Admin →

40 comments

Sign in
(thinking…)
Sign in with: Facebook Google
Forgot password?
Create a password
Signed in as (Sign out)
Close
Close
Submitting...
An error occurred while saving the comment
  • Jeroen commented  ·   ·  Flag as inappropriate

    The functionality "Fix Position When Scrolling" could be expanded with this functionality. It feels natural to be given some more options when the layer/group has this option selected, e.g. following the css position:sticky convention: top offset (and left offset?).

    This way, you might be able to enable sticky positioning inside (both scrollable and non-scrollable) groups as well, which would be awesome!

  • SCOTT SHAW commented  ·   ·  Flag as inappropriate

    Yep. Really need this - Sticky functionality has become fundamental to web / mobile design. Hard to properly wireframe/prototype without.

  • Xavier commented  ·   ·  Flag as inappropriate

    Hello,

    Could be interesting to give a start and end position to a sticky element. Using this I will be able for exemple to create a side sticky menu. To do so I will give a Y position to start and a Y position to not cross.

  • Jason commented  ·   ·  Flag as inappropriate

    That’s a scroll-then-fix position. It would be awesome to have it in XD

  • Iris Aznar commented  ·   ·  Flag as inappropriate

    There is already the possibility to Fix Position When Scrolling, but what would be interesting would be to be able to set the Scroll position when you want to Start this component to be fixed, and the one where you want it to Stop being fixed.

    This will help a lot into building more real prototypes with real behaviors and layouts that you're not able to build and show in any other way. I've felt limited because of this missing feature in lots of projects.

    Check the examples listed bellow:
    - https://www.apple.com/ph/shop/buy-ipad/ipad-air
    - https://codepen.io/jamesdarren/full/ivmcH

  • Mike Britton commented  ·   ·  Flag as inappropriate

    I'd like to be able to create components that only appear when a target element connects with them or comes near them.

  • Iggy Hammick commented  ·   ·  Flag as inappropriate

    I love the fixed position in prototype mode but it only works for elements inside the initial viewport. I'd like to be able to pin an element further down the page once I scroll past it. For example share icons on a blog post, or a sub menu on a product list page.

    If there could be a pixel height for when something becomes "sticky" that would work well. For example "Fix Position when 750px have been scrolled". Thank you

  • lazercaveman commented  ·   ·  Flag as inappropriate

    A sticky element toggles between relative and fixed positioning (in CSS), depending on the scroll position. It is positioned relative until a given offset position is met in the viewport - then it "sticks" in place (like position:fixed).

  • Anonymous commented  ·   ·  Flag as inappropriate

    Currently it is posible to position elements fixed in XD. Anyways, sometimes one want to have elements be positioned sticky instead of fixed - so I'd really love to see a feature which makes me able to doso in adobe xd as well.

  • Jeremy commented  ·   ·  Flag as inappropriate

    This idea is the same as a request already stated, named "Custom Scroll Animation Behaviour". My thought is that many people may pass this request up to vote on it because of how it is named. Maybe the name wont change the poll results, but as a UX designer you have to question why some things that seem very important aren't getting more results.

    This is a function that you see all over the web, where the user scrolls down the page and elements can be sticky, change size, or animate in many different ways.

    Update: I guess my comment was moved under a different request, although i'm surprised that it was moved under this request and not the one mentioned earlier in my statement before. We really should be combining the two then which would greatly increase the votes.

  • Anonymous commented  ·   ·  Flag as inappropriate

    Hi @Georgian Butunoi,

    I have a question about the "filter_mobile.gif" file. How do you create two sticky header? with removing the part between the two headers?

  • Jordan commented  ·   ·  Flag as inappropriate

    When using fixed-position elements, allow a maximum y position so that scrolling beyond that point "unfixes" the element and it behaves normally. Scrolling back above this point "refixes" the element.

    This would be really great for "sticky" headers, page outlines for navigation, etc.

← Previous 1

Adobe XD: Feature Requests: 02 : Prototype mode

Categories

Feedback and Knowledge Base

(thinking…)