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.
Peter DiBartolo
shared this idea
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
354 comments
-
Anonymous
commented
Need to be able to show a client in prototype how a site/app scrolls in iOS
-
Nick Dunkerley
commented
I keep running into a problem with the scrollable area. I set up a artboard 1366x1024 that I would like to use as a fixed layout.
I save the project.
After I open the project again I get a scrollbar. The viewable area is now 1366x763 ...
No matter what I do I can no longer (it worked fine a week ago) get XD to preview in the original size.
Any ideas? -
Shalom Truman commented
Great after I login .. I have to writing everything again..
Horizontal and vertical scroll would be great. If you make the Group scrollable and not the whole page.
i.e Principle Prototype has this feature. Making groups scrollable.
-
Nemo Sampaio
commented
Would be great to have this feature on next preview.
-
Masaru
commented
I want to create a UITableView using Repeat Grid. I want to add more than 10 rows to show my clients.
The Repeat Grid requires the height for all 10 rows, but I want to limit the height as I want to put some other elements below the table.
Maybe it's useful if create a box for Repeat Grid and the grid scrolls within that box.
-
Pierre Roberge
commented
It would be great for the repeat grid to scroll if the number of items it contains is greater than the viewable area.
Also it would be great if we could click within 1 repeated grid member and navigate away from it to display different detailed content based on the grid member that was clicked. Would make for great demos.
To me, the repeatable grid is the killer feature of XD.
Thanks
-
Just to clarify the current behavior further:
* Currently, only artboards created from one of the built-it templates will scroll when made taller than their original size. (For custom-sized artboards, we don’t know how tall the viewport should be, so it can’t automatically become scrollable).
* That will change soon -- you'll be able to manually control the viewport size independent from the artboard size, even for custom-sized artboards.
* If you need fixed headers, footers, nav bars, etc. that don't scroll -- please upvote https://adobexd.uservoice.com/forums/353007/suggestions/13031847 -
EmanueleSabetta
commented
The new scrollable option is great but it broke interactivity! It doesn't preserve scroll position anymore!
The prototype actions menu should offer a new special option:Destination page scroll position = "Preserve vertical scroll position" or "Go to top of the page"
Please vote for this to fix the scrollable artboards issue with scroll position:
Thanks!
-
EmanueleSabetta
commented
The new scrollable option is great but it broke interactivity! It doesn't preserve scroll position anymore!
The prototype actions menu should offer a new special option:Destination page scroll position = "Preserve vertical scroll position" or "Go to top of the page"
Please, this is URGENT
-
Seven
commented
need side scrolling tabs today
will install Just In Mind for now but check back with you guys in a couple weeks, because I am excited to see this underway
-
Stevo
commented
I was expecting more like you can make a fixed header and fixed tab bar, so the scrolling area would be inside.
And it would be awesome if you can make a scrollable feature in parts of the design.
-
Tapas Das
commented
Agree with other. The scroll is needed, now its time for Fixed Elements, area scroll.
-
Rene Verkaart
commented
Absolutely fabulous. Long awaited features and options get added to XD. Gimme more... ;-)
-
Sheldonbrax
commented
It's great to see that this feature is on it's way. Next step would be allowing for fixed elements. Then obviously it would be awesome to create a custom scrollable area, a little like repeat grids where you can set the bounds and then anything inside can scroll.
-
Adriana Mandjarova
commented
Couldn't really find how to define "Scrollable area" .. it seems this is something predefined, matching the size of the default art boards, which for some strange reason have a down scaled size..
-
Seb Bailey
commented
It's great that the last update included scrollable screens, but at the moment it is only really usable for web designs. (and even then without fixed headers).
What would be better than a 'scrollable screen' is a scrollable container - i.e. create a long or wide object and set a mask over it that is scrollable. You could then choose whether that content scrolls horizontally, or vertically so that the designer can then choose whether it is a normal scrolling section, or a slideshow.
-
kivilcim
commented
There is a need for any element can be locked to a specific location on screen.
-
Anonymous
commented
I don't understand how the new feature "Scrollable artboards" works. For me, it seems only to work if I use the default artboards... Are there any tutorials?
-
Anonymous
commented
Really need that scroll! Back to invision for now : (
-
常峰
commented
在制作原型的过程中，画布高度自定义过后，画面太长会导致画面整体缩小，无法形成上下拖动预览，希望在下个版本可以加入这个小功能，参考网址，https://modao.cc/
In the process of prototyping, the canvas after a defined height from the screen too long will result in reduced overall picture and can not form drag up and down preview, hope the next version can be added to this little feature, refer to the URL, https: //modao.cc/
