Sorry, the InVision Help Center does not support Internet Explorer. Please download Microsoft Edge or another modern browser.


Why won't my Studio prototype scroll horizontally?

Follow

To allow horizontal scrolling, the width of your artboard must be equal to the width of the layer that will be scrolled. If your Studio prototype won't scroll horizontally, the trouble is very likely caused by unequal widths for the artboard and the intended scroll layer.

Establishing horizontal scrolling

To establish horizontal scrolling:

  1. Select your artboard and, in the Preview area of the inspector panel, set Scrolling to Horizontal or Both.
    studio-scrolling-both.gif
  2. Select the scroll layer and, at the top right of the inspector panel, click the Fix Position icon (studio-fix-position-icon.png).
    This will fix the scroll layer to its current position.
  3. Ensure that the width of your scroll layer is equal to the width of its artboard.
    studio-horizontal-scroll-layer-and-artboard-width.gif

Previewing horizontal scrolling

After completing the steps above, you can preview the artboard to test out your newly established horizontal scrolling:

  1. At the top-right of the canvas, click the Preview (studio-preview-prototype-icon.png) icon.
    You could also use the keyboard shortcut: ⌘P
  2. At the top-right of the Preview modal, click the settings (studio-preview-mode-settings-icon.png) icon and select the Override artboard settings checkbox.
    If this checkbox is not selected, the Preview viewport will be the same size as the artboard, preventing the ability to scroll—since the entire artboard would be visible.
  3. Select your preferred Preset and Frame settings.
    If you're not familiar with these settings, check out the Previewing Studio Prototypes guide.
  4. Close the Preview settings modal and scroll as wanted.

    studio-preview-viewport-settings.gif

 


Was this article helpful?

Still have a question?

Contact Us