Анимация tweenmax. Невозможно назначить только для чтения свойство _gsTweenID.

Question

Я использую scrollmagic для анимации объектов во время прокрутки и получаю эту ошибку:

Uncaught TypeError: Невозможно назначить только для чтения свойство _gsTweenID из #design-принципы

мой код 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 на этом объекте удалите его. Это позволило Гринсоку написать объект, что облегчило переход.

Answer 2

Причина в том, что tweenmax не может найти '#design-principles' элемент.
Может быть, это еще не доступно? (ждать готового документа)
Убедитесь, что селектор правильный, пытаясь использовать только TweenMax, прежде чем добавлять функциональность ScrollMagic.