Web Design » InVision » How do I add a horizontal scroll in InVision?

How do I add a horizontal scroll in InVision?

Last updated on September 24, 2022 @ 9:33 pm

InVision is a great tool for creating prototypes and wireframes, but it can be a bit limiting when it comes to adding horizontal scroll functionality. In this article, we will show you how to add a horizontal scroll to your InVision project using a simple drag and drop.

To add a horizontal scroll, first open your InVision project and select the View > Scrollbar button. This will add a horizontal scroll bar to your project.

Now, drag and drop a vertical Scrollbar object onto the scroll bar. This will add a scrollbar to the bottom of the vertical Scrollbar object.

Next, drag and drop a Horizontal Scrollbar object onto the Horizontal Scrollbar object. This will add a horizontal scroll bar to the left side of the Horizontal Scrollbar object.

PRO TIP: Invision does not currently support horizontal scrolling. Any attempts to add horizontal scrolling will likely result in unpredictable and buggy behavior.

Finally, click the Horizontal Scrollbar object to select it, and then click the Vertical Scrollbar object to select it. This will linked the Horizontal Scrollbar object to the Vertical Scrollbar object.

Now, you can drag and drop content onto the Horizontal Scrollbar object to scroll it horizontally. You can also click and drag content off of the Horizontal Scrollbar object to scroll it vertically.

Conclusion

Adding a horizontal scroll to your InVision project is easy using a simple drag and drop.

Dale Leydon

Dale Leydon

Sysadmin turned Javascript developer. Owner of 20+ apps graveyard, and a couple of successful ones.