有没有办法让一个 Three.js 对象位置固定在某个点，而其他对象在动画结束之前移动

如何解决有没有办法让一个 Three.js 对象位置固定在某个点，而其他对象在动画结束之前移动

经过长时间的搜索，我找不到解决我面临的问题的方法，

我有一个用 Three.js 制作的场景，其中包含：

• 画布
• 现场
• 相机
• 一个平面几何体（显示桌面屏幕）
• 在我们滚动时移动到特定位置的 4 个图钉
• 当图钉到达他们需要到达的位置时，一些消息会弹出并消失。

现在，桌面屏幕正在通过 y 轴移动（这是我想要的），但我希望它在开始之前固定在某个位置一段时间，同时固定和消息移动再次移动。

我与您分享一个织机视频，以便您可以想象我在这里要解释的内容。

动画是使用 GSAP 的 ScrollTrigger 制作的。我不知道这是否是使用 Three.js 执行动画的最佳方式，还是我应该开始考虑其他选择。

Loom 动画视频：https://www.loom.com/share/a40cdd63bbeb47298fb211994b2e89ba