什么是视差滚动？如何实现视差滚动的效果？

视差滚动（Parallax Scrolling）是一种网页设计技术，通过让多层背景以不同的速度移动，创造出一种深度和层次感，使网页更具动态和吸引力。 前景元素滚动速度比背景元素快，模拟了人眼观察近处和远处物体移动速度不同的效果。

实现视差滚动效果的方法有很多，以下是几种常见的方法：

1. 使用 CSS background-attachment: fixed;

这是最简单的一种方法，适用于单层背景的视差效果。

body {
  background-image: url("background.jpg");
  background-attachment: fixed;
  background-position: center;