How do I simulate scrolling on an iPhone?

hihello shared this question 5 years ago
Answered

So far, there has been not ONE complete explanation of how to do this. It's a very simple question: how do I simulate scrolling up and down an iPhone using gestures?

Comments (3)

photo
1

If you want to scroll the contents of a page up or down you don't need to do anything on your prototype, just do a swipe with a finger up or down and the page will be scroll down if its contents exceed the viewport bounds.


If you want to scroll the contents of a container, select the container and change the vertical scroll option from the 'Properties' panel to 'Always' or 'Automatically. When you simulate the prototype on your iPhone just do the same as you did on the page, swipe with one finger up or down and the container will be scrolled if its contents exceed its bounds.


If what you want is to detect when the user perform a scroll to do something else, use the Gestures-> on swipe down and on swipe up to define the actions that will be triggerred when these gestures are performed by the user.

photo
1

"If you want to scroll the contents of a page up or down..."


What do you mean by "page?" Do you mean "screen," as in the contents of a screen within an iPhone? Or do you mean the entire canvas on which my project appears? A little clarity with regard to vocab terms would really help these answers.

photo
1

When a prototype is simulated or published to Usernote the whole prototype is converted to HTML, CSS, & Javascript files, so when you view your prototype on your computer or on your iPhone in fact you are browsing a website.


Each 'screen' of your prototype is transformed to an .html file, or a webpage. So when I said "page", I referred to all the contents of the .html file.