
In
computer display
A computer monitor is an output device that displays information in pictorial or textual form. A discrete monitor comprises a visual display, support electronics, power supply, housing, electrical connectors, and external user controls.
T ...
s,
filmmaking
Filmmaking or film production is the process by which a Film, motion picture is produced. Filmmaking involves a number of complex and discrete stages, beginning with an initial story, idea, or commission. Production then continues through screen ...
,
television production
A television show, TV program (), or simply a TV show, is the general reference to any content produced for viewing on a television set that is broadcast via over-the-air, satellite, and cable, or distributed digitally on streaming plat ...
,
video games
A video game or computer game is an electronic game that involves interaction with a user interface or input device (such as a joystick, game controller, controller, computer keyboard, keyboard, or motion sensing device) to generate visual fe ...
and other kinetic displays, scrolling is sliding text, images or video across a monitor or display, vertically or horizontally. "Scrolling," as such, does not change the layout of the text or pictures but moves (
pans or
tilts) the user's view across what is apparently a larger image that is not wholly seen. A common television and movie special effect is to scroll credits, while leaving the background stationary. Scrolling may take place completely without user intervention (as in film credits) or, on an interactive device, be triggered by
touchscreen
A touchscreen (or touch screen) is a type of electronic visual display, display that can detect touch input from a user. It consists of both an input device (a touch panel) and an output device (a visual display). The touch panel is typically l ...
or a keypress and continue without further intervention until a further user action, or be entirely controlled by
input device
In computing, an input device is a piece of equipment used to provide data and control signals to an information processing system, such as a computer or information appliance. Examples of input devices include keyboards, computer mice, scanne ...
s.
Scrolling may take place in discrete increments (perhaps one or a few lines of text at a time), or continuously (smooth scrolling).
Frame rate
Frame rate, most commonly expressed in frame/s, or FPS, is typically the frequency (rate) at which consecutive images (Film frame, frames) are captured or displayed. This definition applies to film and video cameras, computer animation, and moti ...
is the speed at which an entire image is redisplayed. It is related to scrolling in that changes to text and image position can only happen as often as the image can be redisplayed. When frame rate is a limiting factor, one smooth scrolling technique is to blur images during movement that would otherwise appear to "jump".
Computing
Implementation
Scrolling is often carried out on a computer by the CPU (''software scrolling'') or by a
graphics processor. Some systems feature ''hardware scrolling'', where an image may be offset as it is displayed, without any
frame buffer manipulation (see also
hardware windowing). This was especially common in 8 and 16bit video game consoles.
UI paradigms
In a
WIMP-style
graphical user interface
A graphical user interface, or GUI, is a form of user interface that allows user (computing), users to human–computer interaction, interact with electronic devices through Graphics, graphical icon (computing), icons and visual indicators such ...
(GUI), user-controlled scrolling is carried out by manipulating a
scrollbar
A scrollbar is an interaction technique or widget (GUI), widget in which continuous text, pictures, or any other content can be Scrolling, scrolled in a predetermined direction (up, down, left, or right) on a computer display, window (computing) ...
with a mouse, or using
keyboard shortcut
In computing, a keyboard shortcut (also hotkey/hot key or key binding) is a software-based assignment of an action to one or more keys on a computer keyboard. Most Operating system, operating systems and Application software, applications come ...
s, often the
arrow keys. Scrolling is often supported by
text user interfaces and
command line interface
A command-line interface (CLI) is a means of interacting with software via commands each formatted as a line of text. Command-line interfaces emerged in the mid-1960s, on computer terminals, as an interactive and more user-friendly alternati ...
s. Older
computer terminal
A computer terminal is an electronic or electromechanical hardware device that can be used for entering data into, and transcribing data from, a computer or a computing system. Most early computers only had a front panel to input or display ...
s changed the entire contents of the display one screenful ("page") at a time; this paging mode requires fewer resources than scrolling. Scrolling displays often also support page mode. Typically certain keys or
key combinations page up or down; on
PC-compatible keyboards the
page up and page down keys or the
space bar are used; earlier computers often used
control key
In computing, a Control key is a modifier key which, when pressed in conjunction with another key, performs a special operation (for example, ). Similarly to the Shift key, the Control key rarely performs any function when pressed by itself. ...
combinations.
[The widely used Wordstar word processor used the "diamond" of Ctrl-S/E/D/X to move the cursor left, up, right, and down, and Ctrl-R and Ctrl-C to page up and down.] Some
computer mice have a
scroll wheel, which scrolls the display, often vertically, when rolled; others have
scroll balls or
tilt wheels which allow both vertical and horizontal scrolling.
Some software supports other ways of scrolling.
Adobe Reader has a mode identified by a small hand icon ("
hand tool
A hand tool is any tool that is powered manual labour, by hand rather than a motor. Categories of hand tools include wrenches, pliers, cutter (disambiguation), cutters, File (tool), files, hammer, striking tools, chisel, struck or hammered tools, ...
") on the document, which can then be dragged by clicking on it and moving the mouse as if sliding a large sheet of paper. When this feature is implemented on a
touchscreen
A touchscreen (or touch screen) is a type of electronic visual display, display that can detect touch input from a user. It consists of both an input device (a touch panel) and an output device (a visual display). The touch panel is typically l ...
it is called ''kinetic scrolling''.
Touch-screens often use ''inertial scrolling'', in which the scrolling motion of an object continues in a decaying fashion after release of the touch, simulating the appearance of an object with
inertia
Inertia is the natural tendency of objects in motion to stay in motion and objects at rest to stay at rest, unless a force causes the velocity to change. It is one of the fundamental principles in classical physics, and described by Isaac Newto ...
. An early implementation of such behavior was in the "Star7"
PDA of
Sun Microsystems
Sun Microsystems, Inc., often known as Sun for short, was an American technology company that existed from 1982 to 2010 which developed and sold computers, computer components, software, and information technology services. Sun contributed sig ...
ca. 1991–1992.
Scrolling can be controlled in other software-dependent ways by a PC mouse. Some scroll wheels can be pressed down, functioning like a button. Depending on the software, this allows both horizontal and vertical scrolling by dragging in the direction desired; when the mouse is moved to the original position, scrolling stops. A few scroll wheels can also be tilted, scrolling horizontally in one direction until released. On
touchscreen
A touchscreen (or touch screen) is a type of electronic visual display, display that can detect touch input from a user. It consists of both an input device (a touch panel) and an output device (a visual display). The touch panel is typically l ...
devices, scrolling is a
multi-touch
In computing, multi-touch is technology that enables a surface (a touchpad or touchscreen) to recognize the presence of more than one somatosensory system, point of contact with the surface at the same time. The origins of multitouch began at CE ...
gesture, done by swiping a finger on the screen vertically in the direction opposite to where the user wants to scroll to.
If any content is too wide to fit on a display, horizontal scrolling is required to view all of it. In applications such as
graphics
Graphics () are visual images or designs on some surface, such as a wall, canvas, screen, paper, or stone, to inform, illustrate, or entertain. In contemporary usage, it includes a pictorial representation of the data, as in design and manufa ...
and
spreadsheet
A spreadsheet is a computer application for computation, organization, analysis and storage of data in tabular form. Spreadsheets were developed as computerized analogs of paper accounting worksheets. The program operates on data entered in c ...
s there is often more content than can fit either the width or the height of the screen at a comfortable scale, and scrolling in both directions is necessary.
Infinite scrolling
In contrast to
material divided into discrete pages, the web design approach of
infinite scrolling dynamically adds new material to the user display, leading to a continuous, apparently bottomless or endless scrolling experience.
Text
In
languages written horizontally, such as most Western languages, text documents longer than will fit on the screen are often displayed
wrapped and sized to fit the screen width, and scrolled vertically to bring desired content into view. It is possible to display lines too long to fit the display without wrapping, scrolling horizontally to view each entire line. However, this requires inconvenient constant line-by-line scrolling, while vertical scrolling is only needed after reading a full screenful.
Software such as
word processor A word processor (WP) is a device or computer program that provides for input, editing, formatting, and output of text, often with some additional features.
Early word processors were stand-alone devices dedicated to the function, but current word ...
s and
web browser
A web browser, often shortened to browser, is an application for accessing websites. When a user requests a web page from a particular website, the browser retrieves its files from a web server and then displays the page on the user's scr ...
s normally uses word-wrapping to display as many words in a single line as will fit the width of the screen or window or, for text organised in columns, each column.
Demos
Scrolling texts, also referred to as ''scrolltexts'' or ''scrollers'', played an important part in the birth of the computer
demo culture. The
software crackers often used their deep knowledge of
computer platforms to transform the information that accompanied their releases into
crack intros. The sole role of these intros was to scroll the text on the screen in an impressive way.
Film and television
Scrolling is commonly used to display the credits at the end of
film
A film, also known as a movie or motion picture, is a work of visual art that simulates experiences and otherwise communicates ideas, stories, perceptions, emotions, or atmosphere through the use of moving images that are generally, sinc ...
s and
television program
A television show, TV program (), or simply a TV show, is the general reference to any content produced for viewing on a television set that is broadcast via Terrestrial television, over-the-air, Satellite television, satellite, and cable te ...
s.
Scrolling is often used in the form of a
news ticker towards the bottom of the picture for content such as
television news
News broadcasting is the medium of broadcasting various news events and other information via television, radio, or the internet in the field of broadcast journalism. The content is usually either produced locally in a radio studio or tel ...
, scrolling sideways across the screen, delivering short-form content.
Video games
In
computer and video games
''Computer and Video Games'' (also known as ''CVG'', ''Computer & Video Games'', ''C&VG'', ''Computer + Video Games'', or ''C+VG'') is a British-based video game magazine, published in its original form between 1981 and 2004. Its offshoot web ...
, scrolling of a playing field allows the player to control an object in a large contiguous area. Early examples of this method include
Taito
is a Japanese company that specializes in video games, Toy, toys, arcade cabinets, and game centers, based in Shinjuku, Tokyo. The company was founded by Michael Kogan in 1953 as the importing vodka, Vending machine, vending machines, and Juk ...
's 1974 vertical-scrolling
racing video game
Racing games are a video game genre in which the player participates in a racing competition. They may be based on anything from real-world racing leagues to fantastical settings. They are distributed along a spectrum between more realistic raci ...
''
Speed Race'',
Sega
is a Japanese video game company and subsidiary of Sega Sammy Holdings headquartered in Tokyo. It produces several List of best-selling video game franchises, multi-million-selling game franchises for arcade game, arcades and video game cons ...
's 1976
forward-scrolling racing game
Racing games are a video game genre in which the player participates in a motor racing, racing competition. They may be based on anything from real-world racing leagues to fantastical settings. They are distributed along a spectrum between more re ...
s ''
Moto-Cross''
(''Fonz'')
and ''Road Race'',
and ''Super Bug''. Previously the
flip-screen method was used to indicate moving backgrounds.
The
Namco Galaxian arcade system board
An arcade video game is an arcade game that takes player input from its controls, processes it through electrical or computerized components, and displays output to an electronic monitor or similar display. All arcade video games are coin-opera ...
introduced with ''
Galaxian
is a 1979 fixed shooter video game developed and published by Namco for arcades. The player assumes control of the Galaxip starfighter in its mission to protect Earth from waves of aliens. Gameplay involves destroying each formation of alien ...
'' in 1979 pioneered a
sprite system that animated pre-loaded sprites over a scrolling background, which became the basis for
Nintendo
is a Japanese Multinational corporation, multinational video game company headquartered in Kyoto. It develops, publishes, and releases both video games and video game consoles.
The history of Nintendo began when craftsman Fusajiro Yamauchi ...
's ''
Radar Scope'' and ''
Donkey Kong'' arcade hardware and
home console
A home video game console is a video game console that is designed to be connected to a display device, such as a television, and an external power source as to play video games. While initial consoles were dedicated units with only a few game ...
s such as the
Nintendo Entertainment System
The Nintendo Entertainment System (NES) is an 8-bit home video game console developed and marketed by Nintendo. It was first released in Japan on 15 July 1983 as the and was later released as the redesigned NES in several test markets in the ...
.
Parallax scrolling, which was first featured in ''
Moon Patrol'', involves several
semi-transparent layers (called playfields), which scroll on top of each other at varying rates in order to give an early
pseudo-3D illusion of depth.
is a method used in side-scrolling
beat 'em up
A beat 'em up (also known as brawler and, in some markets, beat 'em all) is a video game genre featuring hand-to-hand combat against a large number of opponents. Traditional beat 'em ups take place in Side-scrolling video game, scrolling, 2D c ...
games with a downward camera angle where players can move up and down in addition to left and right.
Studies
A 1993 article by George Fitzmaurice studied spatially aware
palmtop computers. These devices had a 3D sensor, and moving the device caused the contents to move as if the contents were fixed in place. This interaction could be referred to as “moving to scroll.” Also, if the user moved the device away from their body, they would zoom in; conversely, the device would zoom out if the user pulled the device closer to them.
Smartphone
A smartphone is a mobile phone with advanced computing capabilities. It typically has a touchscreen interface, allowing users to access a wide range of applications and services, such as web browsing, email, and social media, as well as multi ...
camera
A camera is an instrument used to capture and store images and videos, either digitally via an electronic image sensor, or chemically via a light-sensitive material such as photographic film. As a pivotal technology in the fields of photograp ...
s and “
optical flow” image analysis utilize this technique nowadays.
A 1996 research paper by
Jun Rekimoto analyzed tilting operations as scrolling techniques on small screen interfaces. Users could not only tilt to scroll, but also tilt to select menu items. These techniques proved especially useful for field workers, since they only needed to hold and control the device with one hand.
A study from 2013 by Selina Sharmin, Oleg Špakov, and Kari-Jouko Räihä explored the action of reading text on a screen while the text auto-scrolls based on the user's
eye tracking patterns. The control group simply read text on a screen and manually scrolled. The study found that participants preferred to read primarily at the top of the screen, so the screen scrolled down whenever participants’ eyes began to look toward the bottom of the screen. This auto-scrolling caused no statistically significant difference in reading speed or performance.
A undated study occurring during or after 2010 by Dede Frederick, James Mohler, Mihaela Vorvoreanu, and Ronald Glotzbach noted that parallax scrolling "may cause certain people to experience nausea."
See also
*
Flip pagean alternate visual effect for navigating digital publications
Notes
References
{{reflist, 35em
Television technology
Video game design
Computer graphics
Demo effects
User interface techniques