inVision: How to make fixed floating elements, like sidebars, for desktop prototypes.

1. inVision
How to make fixed floating elements,
like sidebars,
for desktop prototypes
Martina Pérez
@MartinaBrel

2. You designed this layout and you want scrolling vertical the left
content while the right content (sidebar) remains fixed.

3. 1. Create a screen design with your scrolling vertical content
section on the right side of your screen, that includes a strip of
transparent area on the left side.

4. 2. Create a design with a static sidebar on the left side of your
screen that includes a strip of transparent area on the right
side.

5. 3. Upload your first screen to inVision that contains the
scrolling vertical content (left side content).

6. 4. Then, click the configuration tool.

7. 5. In the “Background”, select the file that contains your static
sidebar, as the background image.

8. 6. Choose “Fixed” (lock icon) and click Save.

9. 7. And you should then be able to scroll the left side of your
screen.

10. Hope this helps!
Martina Pérez
@MartinaBrel