CampusDownWiki
Total citations 16,205한국어KO 2,699EnglishEN 11,189日本語JA 774中文ZH 1,543
CampusDown ↗
English

Parallax Scrolling

⚙️ Engineering & Technology By CampusDown Wiki Editorial Team Last updated
Parallax scrolling is a visual effect where background images and foreground elements scroll at different speeds, creating a sense of depth.
Contents
  1. 1. Why it catches the eye
  2. 2. Cautions on mobile
  3. 3. Motion sickness and reduced motion
  4. 4. FAQ
  5. 5. References

Why it catches the eye

Slow distant backgrounds and fast near content add depth, making strong first impressions on brand or campaign pages. Sherwin (2019) notes it can slow reading and comprehension; moving backgrounds add extraneous load (Sweller, 1988) and can bury information scent (Pirolli & Card, 1999).

Cautions on mobile

Reading and orientation are harder on small screens (Kim et al., 2015), and motion adds confusion. Heavy scroll computation stutters and drains batteries, and stutter lowers processing fluency, looking less polished (Reber et al., 2004). Many reduce or disable it on mobile and avoid it in long infinite scroll lists.

Motion sickness and reduced motion

People with vestibular sensitivity may feel dizzy or nauseous. WCAG 2.2 (W3C, 2023) 2.3.3 requires that interaction-triggered motion can be disabled; use prefers-reduced-motion (MDN, n.d.) to turn effects off. Parallax is decoration, so prioritise visual hierarchy and keep motion modest like microinteractions.

FAQ

Is parallax bad for SEO?
The effect itself less so than single-page layouts or text baked into images.
Should mobile avoid it entirely?
Subtle effects are fine if performant and disabled under reduced motion.

Sources reviewed: 2026-10-27

References

  1. Sherwin, K. (2019, January 20). What parallax lacks. Nielsen Norman Group. Usability problems of parallax.
  2. MDN Web Docs. (n.d.). prefers-reduced-motion. Mozilla. Detecting reduced motion settings.
  3. World Wide Web Consortium. (2023). Web Content Accessibility Guidelines (WCAG) 2.2. Criterion 2.3.3 animation.
  4. Kim, J., Thomas, P., Sankaranarayana, R., Gedeon, T., & Yoon, H.-J. (2015). Eye-tracking analysis of user behavior and performance in web search on large and small screens. Journal of the Association for Information Science and Technology, 66(3), 526–544. Small screens make reading harder.
  5. Sweller, J. (1988). Cognitive load during problem solving: Effects on learning. Cognitive Science, 12(2), 257–285. Extraneous load from motion.
  6. Reber, R., Schwarz, N., & Winkielman, P. (2004). Processing fluency and aesthetic pleasure: Is beauty in the perceiver's processing experience? Personality and Social Psychology Review, 8(4), 364–382. Fluency and aesthetic pleasure.
  7. Pirolli, P., & Card, S. (1999). Information foraging. Psychological Review, 106(4), 643–675. Scent lost behind effects.

Reports and materials that use this theory (Korean)

There are no materials dedicated to this theory yet, but you can search related reports in the CampusDown library (Korean).

Find more reports · Search '패럴랙스 스크롤' on CampusDown →

You may also like

Latest ArticlesView all ›

New guides for college study and assignments (Korean)

This article was last updated on October 27, 2026. It is based on widely recognized original works and textbooks; when citing it in a paper, please check the original sources listed in the references.