Skip to main content
Latest news: [[ newestAnnouncement.title ]] Learn more
InVision Support Home Page
Sign in
InVision ambassador ambassador
John Cyril Yee
John Cyril Yee Updated

Help - Floating Action Button

I'm having trouble finding out how to make a button stay afloat or maintain its position while scrolling on InVision Studio.

This post is associated with a known feature request: [[ problemTicketSubject ]]. Let our Product team know that you’re interested in this feature.

Sign in to add your vote

Thanks for taking the time to share your feedback about making our product better. We’ve let our Product team know that you’re interested in this feature so they can factor that into their product strategy.

0

comments

Sort by

Kayden Knauss
InVision ambassador Kayden Knauss , ambassador

Hi John,

Thanks for reaching out! Glad to help with the pinning of a floating action button.

While in InVision Studio, you'll want to:

  1. Select the object you want to pin
  2. Click the "Fix Position" icon in the upper right hand of your tool panel. I've attached an image below of the icon and location. 

Your element should now be fixed while you scroll along your artboard.

Hope that helps! Let me know if you are still having trouble after trying that.

Best,

Kayden

1
mohammed Mayat
InVision ambassador mohammed Mayat , ambassador

can you do this on invision on web, do not have invision studio

0
Raynor B
InVision ambassador Raynor B , InVision Employee , ambassador

Hi Mohammed,

You can create floating/fixed elements within prototypes built in the web app using transparency and fixed headers and footers. 

You may find this article helpful: How do I create a fixed element using fixed headers or footers?

Hope that helps!

Best,
Raynor

0

join the conversation

To comment, sign up or sign in.