Scrollable Area (not scrolling whole artboard)
Define a scrollable area within an artboard
This provides real-world app use cases, such as a table, slideshow, or iOS dropdown lists.
Hi everyone,
I’m excited to announce that with XD 30 we’ve added support for Scroll Groups. Try it out and please let us know your feedback.
Use these resources to learn more about the feature:
1. Tutorial: https://t.co/ySNRLeDzPV?amp=1
2. Blog post: https://theblog.adobe.com/xd-june-2020-scroll-groups-stacks-more/?scid=3%202f3ddc0-7c6a-46d2-8e65-0033367b151f&mv=social&mv2=owned_social
Best,
Dan
-
Anonymous commented
it would be really and helpful to have scrolling containers
-
Andrew Woodfield commented
so... scrolling containers and horizontal scrolling - is it coming?
-
GrafxGirlCreative commented
@BeasT, it's not perfect, but better than noting. Thanks for the tip!
-
BeasT commented
A little tip for scrollable area: you can use second artboard that scrolling is checked. And in prototype set Trigger: Time, Delay: 0 and Action: Overlay. It isn´t best solution, but it´s working.
-
Anonymous commented
Is the feature on the roadmap?
https://www.inspiresayan.com/android-p-launcher.html -
Yolanda commented
Hi, I think I found it. Just click " fix position when scrolling" on the content that you want to fix. It works on mine! :)
-
Anonymous commented
It goes without saying, that our websites and apps sometimes scroll! Until yesterday, it was impossible to emulate scrolling within XD.
Making a given screen, or artboard rather, scrollable is fortunately very easy.
Let's say you have the following artboard (by the way, I copied this from the Google Material Design UI Kit within Adobe XD), and you want to simulate scrolling of this list of names.
Notice the red Viewport Height section. This is the viewable area by default.
If you want to make this artboard scrollable beyond that height, you simply drag down the bottom of the artboard:
Notice the dotted horizontal line, that's the Viewport Height. Anything below this will become scrollable content.
Let's drag the bottom Name group down to the bottom: https://quotesupdate.com/best-funny-whatsapp-status-quotes.html
-
shital commented
We need this feature to be accessible in Adobe XD
-
Jair Humberto commented
More than two years later, and we still don't have this possibility in Adobe XD.
-
Anonymous commented
Can't believe this doesn't exists.
-
Mohammad Alhobayyeb commented
We need this
-
Sci commented
Yeah, this is so much needed.
-
Matthew Hodkinson commented
Is the feature on the roadmap?
-
Abdullah Anis commented
Please make this feature Adobe Pleaseeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee.
-
GentleMan commented
I am not sure about that but i know a site that provides you the best info on this check the https://dragongames.co/ and get awesome info there
-
Paul Zhang commented
how to set up the scroll bar for long text at the fixed height window?
-
Justin Jack commented
It goes without saying, that our websites and apps sometimes scroll! Until yesterday, it was impossible to emulate scrolling within XD.
Making a given screen, or artboard rather, scrollable is fortunately very easy.
Let's say you have the following artboard (by the way, I copied this from the Google Material Design UI Kit within Adobe XD), and you want to simulate scrolling of this list of names.
Notice the red Viewport Height section. This is the viewable area by default.
If you want to make this artboard scrollable beyond that height, you simply drag down the bottom of the artboard:
Notice the dotted horizontal line, that's the Viewport Height. Anything below this will become scrollable content.
Let's drag the bottom Name group down to the bottom: https://whatstatus.co/whatsapp-dp-images
Now, click on the play icon in the upper right, and wala! We can scroll down!
-
My Anime commented
To every one of you who needs to demonstrate models. Put a square shape behind the zone that you need to look into, at that point let your scrollable look behind the square shape. That way it will "look" genuine atleast.
http://mangazuki.me/brawling-go -
Abdullah Anis commented
Adobe XD please make this Feature Please its amust have
-
A1D commented
Hi there,
Is there any news about this feature?
When we shall expect this?Thanks!