Parallax scrolling

Parallax scrolling is a technique used in web design where multiple layers of images move at different speeds, creating an illusion of depth and motion for the user. It is a part of the larger concept of motion parallax, which allows for the perception of depth by viewing objects in motion at different speeds.From: Flash Cinematic Techniques [2012], How does Parallax Scrolling Influence User Experience? A Test of TIME (Theory of Interactive Media Effects) [2018]

Move the Camera

View Chapter

Purchase Book

Published in Chris Jackson, Flash Cinematic Techniques, 2012

Chris Jackson

How do artists achieve depth in their paintings? They paint objects in the foreground, middle ground, and background. Think of each ground as a separate layer in Flash (Figure 6.30). To achieve parallax scrolling, each layer must move at a different speed.

How does Parallax Scrolling Influence User Experience? A Test of TIME (Theory of Interactive Media Effects)

View Article

Journal Information

Published in International Journal of Human–Computer Interaction, 2018

Ruoxu Wang, S. Shyam Sundar

Parallax scrolling technique belongs to the concept of motion parallax, which allows individuals to view the object on the front-page moving faster than the object on the back page, thereby creating depth of images to users (Wang & Shyu, 2014). Some have suggested that parallax scrolling has advantages in increasing visitor engagement, holding visitor interest, directing the course of visitor attention, making the site easily navigable, storing all content on one single page, and creating a compelling narrative around the brand promoted by the site (Rutherford, 2014).

Parallax scrolling

Explore chapters and articles related to this topic

Move the Camera

How does Parallax Scrolling Influence User Experience? A Test of TIME (Theory of Interactive Media Effects)