Maintain scroll position on design screens

Maintaining the scroll position in your prototype goes a long way in creating realistic prototypes.

Scroll feature image

At CanvasFlip, we are dedicated to make prototyping as real as possible in minimal effort - Being able to navigate within the screen is another milestone for you to be able to create realistic prototypes.

The Challenge with not maintaining scroll position :

Not maintaining the scroll position while drawing a hotspot results in navigating to the top of the next screen every time, when required action would have been transition to the same point on the screen. Here is an example of the problem at hand -

Scroll feature levels image

The solution :

We have been coming up with a new feature almost every fortnight to make your experience on the tool a better one! This time it is the feature to navigate within the same screen by maintaining your scroll positions.

You could maintain scroll position when moving between screens or when navigating below on the same screen.

Here is how maintaining scroll can help you ...

How to maintain scroll positions when moving between screens?

  1. Scroll to the part of the screen where you need to draw your hotspot. Click, drag and drop to it the next screen.

  2. A pop-up opens for you. Set the gesture, transition, and most importantly check the box that says - “Maintain scroll position after click”

  3. It’s done! Preview your prototype and take a step closer to real app.

Here’s the prototype of an eCommerce app. Give it a shot to get the essence of maintaining scrolling while moving between screens.

How to maintain scroll positions on the same screens?

  1. Scroll to the part of the screen where you need to draw your hotspot. Click, drag and drop the anchor to “Scroll to” option on the top right section (scroll-feature)

  2. Grab the anchor and scroll down to the part of the screen where you need to set the navigation. (We have an in-built zoom-in to help you set the position accurately)

  3. It’s done! Preview your prototype and take a step closer to real app.

Here’s the prototype of a news app. Give it a shot to get the essence of scrolling down on the same screen!

Need help with workflow? Drop a mail to support@canvasflip.com

Hope you loved this amazing feature! Stay tuned to CanvasFlip for other NEVER SEEN features coming up!

Try unlimited prototyping & user testing FREE for 14 days

* Enter a valid email.

* Email is required.

* The E-mail you entered is incorrect.

* Password is required

* Password is too short

* Password is too long

* Your password is incorrect.

 

By clicking "Get Started" I agree to CanvasFlip's Terms of Use