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.
We already have the ability to add fixed elements when scrolling. The next step would be adding Sticky elements when scrolling, relative to its group.
This will allow you to only show the nav when they get to a certain point of the screen and also make sticky sidebars
Pe W. Booster commented
Hurry, this is key!
Spas Kakarchev commented
It really is a must feature for modern web & app design. I've been using a hacky workaround with covers to achieve this effect, made a video about it here: https://www.youtube.com/watch?v=LfnGNCVZ4nw
It's not perfect but does the trick for headers and elements that are not too tall.
I would really like functionality for a group to be below the fold and then it sticks when it reaches a certain position on-page. Adding in the functionality for the same group to stop being sticky at a certain position on the artboard would be great too.
I would like to have a header that appears when opening the homepage and disappears when scrolling down and reappears when scrolling up. like this example : https://www.vogue.fr/
Similar to how the sticky image of the iPhone on the left starts being sticky and ends between certain scroll points
"Sticky on scroll" and other css features need to be included to create a prototype for websites that are from 2021. Please add these funtionalities
The ability to specify where an element is fixed on the page.
For example, when scrolling through a news article, supplemental information like images or footnotes could float in the margin while scrolling the appropriate section, and then keep scrolling with the page once the section ends.
This would allow for much stronger prototyping of navigation items, prompts, alerts etc. etc.
Aman Goyal commented
Would be nice to be able to trigger things on scroll.
Same. I need a nav that is at the bottom of the page until after they pass it. Then I need to to be sticky to the top. Other softwares do this.
i need something like this : sticky header that is animated on scroll
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!
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!
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.