smoove.js（网页中创建平滑滚动的动画效果）

Smooove.js是一个用于实现平滑滚动效果的JavaScript库。它可以帮助你在网页中创建平滑滚动的动画效果，使用户在页面上的滚动更加流畅和舒适。

要使用Smooove.js，你需要按照以下步骤进行配置：

1. 引入Smooove.js文件：将Smooove.js文件下载到你的项目中，并在你的HTML文件中引入它。你可以通过以下方式引入：

<script src="path/to/smooove.js"></script>

2. 创建HTML结构：在你的HTML文件中，为需要应用平滑滚动效果的元素添加相应的类名。例如，你可以给一个div元素添加类名"smoove"，如下所示：

<div class="smoove">
  <!-- 内容 -->
</div>

3. 配置选项：你可以通过在JavaScript中设置配置选项来自定义Smooove.js的行为。以下是一些常用的配置选项：

- `offset`: 设置滚动偏移量，用于控制滚动动画的触发位置。默认值为0，表示元素完全进入视口时触发动画。
- `moveY`: 设置垂直方向的滚动动画效果。可以是一个数字，表示滚动的距离（单位为像素），也可以是一个字符串，表示滚动的百分比（例如"50%"）。
- `moveX`: 设置水平方向的滚动动画效果，用法与`moveY`相同。
- `scale`: 设置元素的缩放动画效果。可以是一个数字，表示缩放的比例，也可以是一个字符串，表示缩放的百分比。
- `rotate`: 设置元素的旋转动画效果。可以是一个数字，表示旋转的角度（单位为度），也可以是一个字符串，表示旋转的百分比。

你可以根据需要设置这些选项，例如：

var options = {
  offset: 200,
  moveY: "50%",
  moveX: 100,
  scale: 1.2,
  rotate: "90deg"
};

var smoove = new Smoove('.smoove', options);

4. 初始化Smooove.js：在页面加载完成后，通过调用`new Smoove()`来初始化Smooove.js。你需要传入一个选择器，用于选择需要应用平滑滚动效果的元素。例如，如果你想对所有类名为"smoove"的元素应用效果，可以使用以下代码：

var smoove = new Smoove('.smoove');