javascript - tweenmax 动画无法分配给只读属性“_gsTweenID”

Question

我在滚动时使用 scrollmagic 为对象设置动画，但出现此错误：

未捕获的类型错误：无法分配给#design-principles 的只读属性“_gsTweenID”

我的 JS 代码：

var scale_tween = TweenMax.to('#design-principles', 1, {
    transform: 'scale(.75)',
    ease: Linear.easeNone
});

controller = new ScrollMagic();

var scale_scene = new ScrollScene({
    triggerElement: '#style-and-performance'
}).setTween(scale_tween);

controller.addScene([
    scale_scene
]);

Answer 1

当我在一个对象上运行一个转换，然后尝试在同一个对象上运行第二个转换时，我收到了同样的错误。

如果您遇到此错误，控制台会记录您正在运行转换的对象。如果您看到_gsTweenID该对象的属性，请将其删除。这允许 greensock 写入对象，从而促进了过渡。

Answer 2

原因是 tweenmax 找不到'#design-principles'元素。
也许它还不可用？（等待文档准备好）
在添加 ScrollMagic 功能之前，通过尝试仅使用 TweenMax 来确保选择器是正确的。