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.
Georgian Butunoi
shared this idea
47 comments
-
Lula Notengo commented
I need this feature!
-
Mike Britton
commented
This feature is now a designer collective rather than a feature request. It's that important to so many.
-
Christian Cummins
commented
Really need this feature.
-
Dennis Ferreira
commented
Agreed - need this so often so that I don't have to explain that the elements will stick during prototype demos.
It would be a great feature. In addition, it would be amazing to change the instance of the element once it becomes sticky as well as release it when other elements beneath it come in contact with it. Also, thanks for all the updates. XD is great! -
Anonymous
commented
Definitely a needed feature. I have a top header in my design and then another component that I want to be sticky to the top after scrolling, I am trying to mess around with the scrolling groups but nothing is giving me the desired result. I want to be able to properly illustrate this behavior to developers so this would be a very helpful feature!
-
Anonymous
commented
Definitely needed!
-
Emamuzo Okerri
commented
It would be really helpful to have a scroll trigger and some logic actions that work with it. One good scenario is in designing stick on scroll headers. An item can scroll to a position and then remain fixed at that position while every other thing scrolls on.
-
Anonymous
commented
Yes Please ! :)
-
Anonymous
commented
Would like to request this kind of feature in adobe XD or any tutorial regarding this
-
Jeroen
commented
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
Yep. Really need this - Sticky functionality has become fundamental to web / mobile design. Hard to properly wireframe/prototype without.
-
Xavier
commented
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
That’s a scroll-then-fix position. It would be awesome to have it in XD
-
Iris Aznar
commented
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
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
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
-
Austin Branham
commented
This needs more votes!
-
Rawan Shreim
commented
Definitely needed!
-
lazercaveman
commented
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
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.