视差滚动 Parallax Scrolling

背景和前景以不同速度滚动，产生空间层次感

↓ 在框内滚动鼠标滚轮（不操作时自动巡演）

前景 100% 速度 · 中层 70% · 背景 40%

背景比前景"慢"，于是产生了空间层次感——这就是视差滚动。

**视差滚动（Parallax Scrolling）**指页面滚动时，不同图层以不同速度位移：背景慢、前景快，眼睛会把它解读为“三维空间里前后景深的变化”。

什么时候用：品牌官网首屏、产品故事页——需要“高级感”和叙事节奏的场合。信息密集的工具型界面不要用，它会分散注意力。

对 AI 说清楚的三要素：① 层与速度（背景 40%、前景 100%）；② 触发方式（跟随滚动位置，而非跟随鼠标）；③ 性能要求（只用 transform，不触发重排）。

页面使用视差滚动（Parallax Scrolling）效果：背景层以前景 40% 的速度滚动，
中间层 70%，形成前后空间层次感。滚动响应平滑（ease-out），
移动端降级为单层滚动。