Javascript 如何使用带scrollTop的gsap Draggable进行过卷？

这个简单的示例非常适合为桌面浏览器创建垂直滚动/抛出效果

当flick滚动回到顶部时，惯性插件会使内容过度滚动并返回到起始点。这很好

然而，在拖动时不会出现过卷，如在iPad上。是否可能在拖动时产生可拖动的过冲/过冲，并在拖动结束时反弹

编辑： 下面是代码笔示例：

（我找不到最新gsap InertiaPlugin的cdn版本，因此此版本与旧版本相同。无论版本如何，行为和问题都完全相同。在本地，我拥有最新gsap版本，其中包含来自greensock的InertiaPlugin的奖金文件。）

这正是该版本的用途：

---

它的工作非常好，当过卷到顶部，但在底部它是有点时髦。将电阻更改为0.5以使其更明显。这可能是我设置div的方式，我将对此进行更多的研究。是的，我相信这与你的CSS有关。删除不必要的

位置

和

浮动

属性对我来说很好。

import {gsap} from "gsap";
import Draggable from "gsap/Draggable";
import { InertiaPlugin } from "./libs/gsap/InertiaPlugin";
import { ScrollToPlugin } from "./libs/gsap/ScrollToPlugin";

gsap.registerPlugin(Draggable)
gsap.registerPlugin(InertiaPlugin);
gsap.registerPlugin(ScrollToPlugin);

Draggable.create(scrollContainer, {
    type: 'scrollTop',
    inertia: true,
});

Draggable.create("#scrollContainer", {
  type: "scrollTop",
  inertia: true,
  edgeResistance: 0.9
});