gsap/InertiaPlugin

GSAP的InertiaPlugin是一个用于实现惯性滚动效果的插件。它可以让元素在滚动结束后继续以惯性滚动的方式进行动画。下面是使用gsap/InertiaPlugin的示例代码：

import { gsap } from "gsap";
import { InertiaPlugin } from "gsap/InertiaPlugin";

// 注册InertiaPlugin插件
gsap.registerPlugin(InertiaPlugin);

// 创建动画
gsap.to(".box", {
  x: 200,
  scrollTrigger: {
    trigger: ".box",
    start: "top top",
    end: "bottom bottom",
    scrub: true,
    pin: true,
    anticipatePin: 1,
    inertia: {
      resistance: 10,
      minDuration: 0.1,
      endSpeed: 0.5,
    },
  },
});

上述代码中，我们首先导入了gsap和InertiaPlugin插件。然后使用`gsap.registerPlugin(InertiaPlugin)`来注册InertiaPlugin插件。接下来，我们使用`gsap.to()`创建了一个动画，将`.box`元素向右移动200个像素。在`scrollTrigger`选项中，我们设置了滚动触发器的相关参数，包括触发器元素、开始和结束位置、是否平滑滚动等。最后，在`inertia`选项中，我们设置了惯性滚动的参数，包括阻力、最小持续时间和结束速度。