Javascript GSAP ScrollTrigger具有自定义滚动值

我正在试验gsap的滚动触发器。我有一个自定义的滚动容器，想使用ScrollTiggers滚动代理劫持滚动。但结果却很不稳定。我做错什么了吗？这是我到目前为止的一个例子

正如您从codesandbox演示中看到的，滚动非常平滑，但标记在整个位置上都在反弹，绿色正方形应该平滑地放大，但当您滚动时，它会反弹，而不是平滑地缩放。还有来自其他库的演示，可以实现类似于本例的非常平滑的效果。这里是文档页面，您可以在其中找到更多示例，我不明白我的示例为何如此简陋。

问题在于：

// BAD
ctl.on("scroll", () => ScrollTrigger.update);

// GOOD
ctl.on("scroll", () => ScrollTrigger.update());

您只是忘记实际调用ScrollTrigger.update（）方法：）

在未来，这可能是值得一问的——我们很快就会做出回应，而且这是一个完全致力于回答格林斯托克相关问题的社区

快乐的吐温

问题是：

// BAD
ctl.on("scroll", () => ScrollTrigger.update);

// GOOD
ctl.on("scroll", () => ScrollTrigger.update());

您只是忘记实际调用ScrollTrigger.update（）方法：）

在未来，这可能是值得一问的——我们很快就会做出回应，而且这是一个完全致力于回答格林斯托克相关问题的社区

快乐的吐温