滚动视差是一种页面视觉效果，可以使页面呈现出丰富的层次感和立体感，吸引和打动用户。下面将分享滚动视差的设计方法。

 一、滚动视差的方式

 滚动视差 ( Parallax Scrolling ) 是一种很酷的页面视觉效果。其核心是通过控制位于不同图层的元素的运动速度、距离、位置与方向，让二维平面上的物体呈现出三维立体的空间感，打造沉浸式浏览体验。

 滚动视差有很多种滚动方式，最为常见的有：垂直滚动视差、水平滚动视差、转场视差和缩放视差。

 1. 垂直滚动视差

 垂直滚动视差是从上到下滚动呈现页面的信息内容。将背景元素分布在不同的图层，为其添加不同的速度和移动方式，用户滚动鼠标滚轮浏览页面时，会看到丰富的视觉层次和效果。

 2. 水平滚动视差

 水平滚动视差和垂直滚动视差类似，只是方向有所不同，从左向右 / 从右向左滚动呈现页面内容。用户滚动鼠标滚轮或点击切换按钮时，会看到效果。

 3. 转场视差

 转场视差是在改变场景或切换页面的过程中形成的视觉动效，这些动效会突显画面内容和切换过程。

 4. 缩放视差

 缩放视差会在页面的视觉中心定位出焦点（透视消点），页面元素沿透视线移动产生近大远小的缩放动效，让用户感受到极强的透视效果和三维空间感。

 以上提到的这 4 种页面滚动方式是可以结合起来使用的，应用过程中需要做好引导，让用户在页面中不至于因为场景切换而迷失