When Steve Jobs showed us how we’d scroll on an iPhone, the crowd laughed and then applauded. Were they laughing because it was funny? Maybe—I bet they were laughing because, like any great joke that hides its simple answer right in front of you, his answer was obvious once we heard it.
Scrolling has existed long before the iPhone. If you check out the 1992 Macintosh Human Interface Guidelines, you’ll even find a great visual explanation attached to original writing about this new feature.
The iPhone, in its compact size, especially lends itself to great scrolling. From system UI to apps to website, you truly end up scrolling everywhere all the time. So how come designers don’t have an easy way to include scrolling in their designs?
Traditional design tools have tacked-on scrolling solutions like making really long artboards or using 3rd-party plugins. For DetailsPro, being built entirely on SwiftUI gives us a unique opportunity to make this much easier for designers and, at the same time, much more powerful.
As of today, designs in DetailsPro can take advantage of true iOS scrolling. Using a new element in our element palette—Scroll Container—any designer can add horizontal or vertical scrolling.
The trick is to make sure to add more content than can fit within that container. You can even create designs that have nested scrolling, like the App Store which stacks horizontal scrolling rows that you can scroll through vertically.
For more on this, check out this video tutorial for a walkthrough of how to use this feature.