CampusDownWiki
累计引用 16,205한국어KO 2,699EnglishEN 11,189日本語JA 774中文ZH 1,543
CampusDown(韩语)↗
简体中文

视差滚动

⚙️ 工程与技术 作者 CampusDown 维基编辑部 最后更新
视差滚动是在滚动时让背景图与前景元素以不同速度移动、营造立体感的视觉效果。
目录
  1. 1. 为何吸睛
  2. 2. 移动端注意
  3. 3. 晕动与减少动态
  4. 4. 常见问题
  5. 5. 参考文献

为何吸睛

深度感带来强烈第一印象,但会拖慢阅读(Sherwin, 2019),增加无关负荷(Sweller, 1988),掩盖信息线索(Pirolli & Card, 1999)。

移动端注意

小屏阅读更难(Kim et al., 2015),卡顿降低流畅性(Reber et al., 2004)。不要用于无限滚动。

晕动与减少动态

依WCAG 2.2的2.3.3,用prefers-reduced-motion(MDN, n.d.)关闭。优先视觉层级,控制在微交互程度。

常见问题

对SEO不利吗?
问题多在页面结构而非效果本身。
移动端不用吗?
轻微效果可以,但须可关闭。

来源核查日期:2026-10-27

参考文献

  1. Sherwin, K. (2019, January 20). What parallax lacks. Nielsen Norman Group. 视差的可用性问题。
  2. MDN Web Docs. (n.d.). prefers-reduced-motion. Mozilla. 检测减少动态设置。
  3. World Wide Web Consortium. (2023). Web Content Accessibility Guidelines (WCAG) 2.2. 2.3.3动画标准。
  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. 小屏阅读更难。
  5. Sweller, J. (1988). Cognitive load during problem solving: Effects on learning. Cognitive Science, 12(2), 257–285. 动态带来的额外负荷。
  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. 流畅性与美感。
  7. Pirolli, P., & Card, S. (1999). Information foraging. Psychological Review, 106(4), 643–675. 效果掩盖信息线索。

运用该理论的报告与资料(韩语)

目前还没有专门讨论该理论的资料,但你可以在 CampusDown 资料库(韩语)中搜索相关报告。

查找更多报告 · 查看“패럴랙스 스크롤”搜索结果 →

推荐阅读的理论

最新文章查看全部 ›

大学学习与作业实用新文章(韩语)

本文最后更新于2026年10月27日。内容依据公认的原著和教科书整理;在报告中引用时,请务必核对下方参考文献中的原始出处。