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.
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.
Can't believe this doesn't exists.
Mohammad Alhobayyeb commented
We need this
Yeah, this is so much needed.
Matthew Hodkinson commented
Is the feature on the roadmap?
Abdullah Anis commented
Please make this feature Adobe Pleaseeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee.
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.
Abdullah Anis commented
Adobe XD please make this Feature Please its amust have
Is there any news about this feature?
When we shall expect this?
I think, it's a must-have feature to scroll areas vertically or horizontally. I know there are some workarounds, but they are just not professional.
Someone suggested this "To all of you who needs to show prototypes. Put a rectangle behind the area that you want to scroll into, then let your scrollable scroll behind the rectangle. That way it will "look" real atleast."
I also thought of this, however, it is not possible when using blurred backgrounds or images with transparency.
Hannah Babb commented
Horizontal scrolling plzzzz
Another vote for this please!
look at framer x, it needs to be exactly the same as that.
Reinoud Schuijers commented
For now, just group all elements apart from the scrollable area and make them fixed when scrolling. The effect is the same.
To all of you who needs to show prototypes. Put a rectangle behind the area that you want to scroll into, then let your scrollable scroll behind the rectangle. That way it will "look" real atleast.