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
18 comments
-
Ronnie Matthews
commented
I would like to see selectable options for fix position, e.g., when scrolling down a page a component becomes fixed with a determined property like fix to top, or add to fixed stack. This could be helpful for sticky navbars, secondary navbars and scrollspy.
Example: https://www.zendesk.com/guide/
-
Maureen
commented
I agree this would be very helpful and has become a standard on many web pages.
-
Pierre
commented
Great idea ! :)
-
Alex
commented
On web and mobile interfaces, we regularly have fixed elements after scrolling the first screen. It should be possible to choose an element, specify the moment (value in pixels) where it becomes fixed and integrate its position in the screen.
Our customers must be able to imagine the complete interactions and it goes beyond the simple fixed header scroll. With this feature, we can go further in interactions and animations.
Examples of elements : sticky button, specific header, price block, share buttons, back to top...
Exemple in html/js : https://bit.ly/30B3aPm
-
Amina Abromand
commented
This would be awesome. It's really hard at the moment to do user testing without defining sticky/fixed elements - like buttons, tab-bars, navigations, etc.
-
Ronnie@XOOM
commented
Yes. Need this!
-
Farshad Sadri
commented
There is problem though that currently animation or interaction behavior on scroll using suggested method is not possible.
-
Farshad Sadri
commented
I think it's more related to handling scroll behavior here:
https://adobexd.uservoice.com/forums/353007-adobe-xd-feature-requests/suggestions/12927846-custom-scroll-animation-behaviourHowever I handled using fixed positioned element viewing scrolled state that is in lower layer that not scrolled layer, so it reveals on scroll.
-
Khalil
commented
The ability to scroll the element THEN fix it's position
-
E.Powell
commented
Sticky elements are now a universal basic requirement - and would be a killer feature for Xd.
Having an element 'stick' (or be retained by a fixed boundary) is, along with responsive widths in realtime playback, a real need. Amazed this isn't already implemented with fixed elements.
-
Ermin Kadic
commented
This would be so useful! +9000
-
Megan Schofield
commented
Agreed!!!!!!!!
-
André Alessi
commented
Yes! Really need this!
-
manu schwendener
commented
-
manu schwendener
commented
That would be great, yes.
-
Anonymous
commented
This would be a very nice feature and I really need this one!
-
Anonymous
commented
When scrolling I want an element to lock/freeze to a designated position once it hits a specified anchor point on screen.
-
James Kachan commented
Absolutely! Webdesign often has menu elements that stay in place until they are scrolled past, THEN they stick to the top.
This is not possible to do currently with either Fixed Position or Overlays.