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


InVision ambassador ambassador
Derek Hollister Derek Hollister

Fixed Sidebar Subnav Menu

Hey Community, I'm curious how I can simulate a fixed sidebar subnav menu on interior pages. If anyone knows, please share!

1

comments

sort by


Shaina Torgerson
InVision ambassador Shaina Torgerson, InVision Employee , ambassador
Comment actions Permalink

Thanks for reaching out here in Community, Derek! So that I understand correctly, can you please provide an example of the behavior you're attempting to achieive?

Additionally, can you confirm if you're trying to do this in a regular Prototype/Project rather than a Studio prototype? Fee free to provide any other relevant information to the functionality you're looking for in your response.

Look forward to hearing back soon,

Shaina

0

Dorothea Brockmann
InVision ambassador Dorothea Brockmann , ambassador
Comment actions Permalink

Hi, I have the same question. To answer Shaina's question, in my case it is a regular prototype built in Sketch and uploaded using the Craft manager plug in. As an example, see screenshots from a website below. The sidebar (red outline) is fixed even though the content on the right side was scrolled. How can I achieve that with InVision? Thank you for your support.

0

Shaina Torgerson
InVision ambassador Shaina Torgerson, InVision Employee , ambassador
Comment actions Permalink

Hi Dorothea,

Thanks for providing those details requested above, as well as adding in some screenshots. Currently, when you prototype in the InVision web app (or via Craft in Sketch) you are only able to have fixed headers and footers, and fixed side navigation is not possible.

This is a potential feature that our Product team is tracking, though. That being said, I will open a ticket on your behalf to track your interest for this potential feature. Please keep an eye out for an email confirming that we've formally tracked your interest.

In the meantime, I suggest trying out Studio! Prototypes created in our Studio app can have fixed objects through the use of pinning.

Sorry we couldn't give you a more immediate solution.

Thanks,

Shaina

0

Anne-Marie Zahar
InVision ambassador Anne-Marie Zahar , ambassador
Comment actions Permalink

Hi Shaina

Thanks for your answers

But what should i do in craft to ask that my bottom bar on mobile keep fixed when scrolling ?

so today we can't fix a background image while scrolling ?

and we can't fix a button that i want to put on the bottom center of the page while scrolling ?

 

Thanks

Anne-Marie

0

Caitlin Cambron
InVision ambassador Caitlin Cambron , ambassador
Comment actions Permalink

Hi Anne-Marie!

You can keep a bottom bar fixed while scrolling and fix a button button to the center while scrolling. To answer your first and third questions, please refer to this video "How do I create a fixed element using fixed headers or footers?". The only difference is that you would make the button a full bar - or whatever you like!

Fixed backgrounds while scrolling are available on desktop. Check out Configuration Settings in this article for more info - "Prototype Settings."

Hope this helps!
Caitlin

 

0

join the conversation

to comment, sign up or sign in.