← 返回全部术语
滚动触发与定位 / TERM 002
002视差滚动Parallax
前景与背景以不同速度移动。
LIVE PREVIEW
背景慢 · 前景快
✦ MOTIONLEX01 这个效果是什么
用不同图层的位移速度制造纵深感，适合主视觉或章节过渡；文字应始终稳定可读。
02 可以这样告诉 AI
给首页主视觉加入克制的视差滚动：背景纹理随页面滚动移动得比前景插画更慢，标题保持在正常文档流中。限制位移范围，避免露出图层边缘。移动端和 prefers-reduced-motion 下关闭视差。
03 做好后看什么
- 背景与前景速度明显不同
- 滚动时标题仍清晰稳定
- 移动端没有空白边缘或横向溢出