We have a brand new look! Take a tour with us and explore the latest updates on Adobe Support Community.
I have two menu bars. The first one is fixed, the second menu bar scrolls over it. Facebook has the same scolling what I want to do, for which I attached a couple of pictures.
Sorry for my english.
Picture1: No scrolling. Both top menu bars can be seen.
Picture 2: Scrolling. Only one menu bar (second menu bar) can be seen.
How can I do that in Andobe XD?
Thanks for using Adobe XD and sharing the screenshots. Could you please check this prototype: - Adobe XD CC and check if this is any closer to your expectation? If yes, you can create it using Auto-Animations.
Yes, this could be workable. Thank you very much.
I have tried out the new feature "Auto Animation", but it still not work.
The picture shows the example what I want. "Status bar" and "Bar 1" should be fixed, which I can do. But now I have some problems.
"Bar 2" should scroll over "Bar 1" and when "Bar 2" reaches "Status bar", it should be fixed too. The "Content" scrolls through "Bar 2" & "Status bar".
Left picture shows the beginning (No scrolling). Right picture shows the result (after scrolling).
Maybe someone can help me and explain me "Auto Animation"? It would be awesome, if I can implement these fixed App bars to my project.
Mate909, thanks for sharing the details, could you please share the link to this prototype so that we may try to assist you with this?
Thanks for sharing the prototype. I would request you to place the Bar's layer on the top. So that rest everything which scrolls go under it. Please try to update this discussion with the results. Hope it helps.
This is not currently possible in XD. Elements are either fixed, or scroll. They cannot start scrolling and then become fixed at a certain point.
You should head over to https://adobexd.uservoice.com/ and see if a feature request like that has been made and upvote it, or create a new feature request.
Several people have suggested Auto Animate. That will not work if you want to make an interactive prototype to test on users. But Auto Animate could work if all you need to do is make a "video" showing developers how the scrolling and snapping behavior will work. In that case you should try Auto Animate.
Thank you for reaching out. If I heard you right, you are looking for this functionality: https://adobexd.uservoice.com/forums/353007-adobe-xd-feature-requests/suggestions/34603798-fixed-sti...
If so, please submit your feedback and upvote the request to add your voice.
Hope it helps.