You Are Here:

Community: Wiki

This page was last modified on 16 September 2009, at 15:29.

Mobile Design Pattern: Scrolling

From Forum Nokia Wiki

Reviewer Approved   

Scrolling is defined as sliding text, images, videos, etc on a webpage, application or a document, which cannot be fully shown on the screen at time.

Two types of scrolling designs may be employed,

  • Continuous scrolling
  • Page-by-page scrolling


In this article we shall use the Opera mini application as an example to illustrate both types of scrolling. Opera mini browser has both types of scrolling options available to its users.

Continuous scrolling

For Continuous scrolling it is required to avoid discontinuous movement/sliding of or in other words - to avoid jumps. For example, as shown in the image below, the webpage undergoes gradual uplift (the page moves upward) when the user scrolls by pressing/touching the down key or scrollbar. Similarly the page would move downward when the user presses/touches the up key.


Page-by-page scrolling

When a user needs to scroll quickly downwards or upward, page-by-page scrolling is preferred over continuous scrolling. In page-by-page scrolling when the user scrolls, the screen moves upward or downward respectively, screen by screen. For example, as shown in the image below, when the user presses the down key the screen moves downward.


Submitted by Croozeus 17:31, 20 May 2009 (EEST)

Related Wiki Articles

No related wiki articles found

Rate This

 
Bookmark this page: DeliciousDiggFacebookGoogleYahooStumbleUponRedditDiigoTechnocratiTwitter  Share this page Share this page Print this Page Print this page Invite a friend Invite a friend
京ICP备05048969号    Email Newsletters Press Terms & Conditions Privacy Policy Sitemap Contact Us © 2009 Nokia 
RDF Facets: qdcZidentifierQSxhttpE3aE2fE2fwikiE2eforumE2enokiaE2ecomE2findeE78E2ephpE2fFileE3aMicrokernelE5fArchitectureE2eGIFX qdcZtypeQUqfnZE45E78cludedFromGeneralE4cistingsQ qdcZtypeQUqfntypeZCommunityContentQ qdcZtypeQUqfntypeZE52esourceQ qdcZtypeQUqfntypeZWebpageQ qdcZtypeQUqfntypeZWikiContentQ qdcZtypeQUqmarsZManagedE52esourceQ qdcZtypeQUqwebZInformationE52esourceQ qdcZtypeQUqwebZPageQ qdcZtypeQUqwebZE52esourceQ qdcZtypeQUqrdfsZE52esourceQ qfnZtypeQUqfntypeZCommunityContentQ qfnZtypeQUqfntypeZE52esourceQ qfnZtypeQUqfntypeZWebpageQ qfnZtypeQUqfntypeZWikiContentQ qmarsZlanguageQUxhttpE3aE2fE2fswE2enokiaE2ecomE2flanguageE2d1E2fenX qrdfZtypeQUqfnZE45E78cludedFromGeneralE4cistingsQ qrdfZtypeQUqfntypeZCommunityContentQ qrdfZtypeQUqfntypeZE52esourceQ qrdfZtypeQUqfntypeZWebpageQ qrdfZtypeQUqfntypeZWikiContentQ qrdfZtypeQUqmarsZManagedE52esourceQ qrdfZtypeQUqwebZInformationE52esourceQ qrdfZtypeQUqwebZPageQ qrdfZtypeQUqwebZE52esourceQ qrdfZtypeQUqrdfsZE52esourceQ