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


InVision ambassador ambassador
David Pera

Help!!

Hey guys so I'm using the non-studio version of Invision and have created a one page scrolling webpage. How can I have the navLinks connect to a certain area on the page so that when you click the name link the page scrolls down to that section of the page? 

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.

comments

sort by

official comment

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

Great question, David! In order to create this type of interaction, you will need to use anchor points. 

To create an anchor link on a prototype screen:

  1. Sign in to your InVision Cloud account and navigate to the Projects page.
  2. Click to open your prototype, and then click to view the desired screen.
  3. At the bottom of the page, click the Build mode icon ().
  4. Create a hotspot by clicking and dragging anywhere on the screen.
  5. In the Link To drop-down, click Another point on this screen.
  6. Click Set anchor position, and then click the area where you want to add the anchor.
  7. If desired, check the box Smooth scrolling transition.
  8. Click Save.

Check out the full help article here. Please let me know if you have any follow up questions.

Have a wonderful day!

Shaina


join the conversation

to comment, sign up or sign in.