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

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

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

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

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

Then, click the configuration tool, and in the “Background”, select the file that contains your static sidebar, as the background image, and choose “Fixed” (lock icon). Click save, and you should then be able to scroll the left side of your screen.

Hope this helps 🙂

Author: Martina Pérez

Collect by: uxfree.com

Top