Jquery 使用pin和tween与ScrollMagic

我正在做一个项目，我需要几个div飞入，然后在滚动时固定到屏幕上。我试着把这两个加在一起，这会导致div奇怪地跳来跳去。pin和tween单独工作都很好，但我无法让它们一起正确工作。有什么建议吗？下面我有一些代码块

JQuery：

controller = new ScrollMagic();

var myTween = new TimelineMax()
    .add(TweenMax.to("#myTarget", .5, {
        top: "-=500"
        autoAlpha: 1,
        left: "+=300",
        color: "#aaaaaa"
    }));

new ScrollScene({triggerElement: "#myTrigger"})
    .setTween(myTween)
    .setPin('#myTarget')
    .addTo(controller);

HTML:

---

为针目标设置动画不是一个好主意。原因是，需要进行许多计算，以确保元件在锁定期间显示在正确的位置。 简单的解决方案是在元素周围制作一个包装器，并将其固定。 包装器（动画）内部发生的事情是分开的，因此没有问题。：）

---

要获得更多帮助，请遵循本指南：

为pin目标设置动画不是一个好主意。原因是，需要进行许多计算，以确保元件在锁定期间显示在正确的位置。 简单的解决方案是在元素周围制作一个包装器，并将其固定。 包装器（动画）内部发生的事情是分开的，因此没有问题。：）

有关更多帮助，请遵循以下指南：

<div id="myTrigger" class="space50"></div>
<div id="myTarget" class="label">Stuff</div>

.space50 {
    height: 50px;
}
.label {
    border-radius: 8px;
    display: inline-block;
    position: relative;
    text-align: center;
    vertical-align: middle;
}