Tweenmax запускает анимацию, не дожидаясь ScrollMagic

Я пытаюсь использовать scrollmagic для запуска анимации TweenMax, но анимация запускается, не дожидаясь срабатывания триггера прокрутки. Я что-то упустил?

$(document).ready(function($) {
  var controller = new ScrollMagic();

  var tween = TweenMax.to('.animateme', 1, {color: "green", scale: 2.5});

  var scene = new ScrollScene({triggerElement: '.trigger'})
    .setTween(tween)
    .addTo(controller);
  scene.addIndicators({zindex: 100});
});

person jshou    schedule 04.11.2014    source источник


Ответы (1)


Оказывается, если вы должны включить ScrollMagic ПОСЛЕ включения TweenMax, в противном случае анимация анимации будет просто запускаться и игнорировать прокрутку.

person jshou    schedule 04.11.2014
comment
Да, это потому, что TweenMax является зависимостью ScrollMagic. Вы бы не стали включать свой плагин jQuery до jQuery, не так ли? Но консоль должна вам об этом рассказать .... - person Jan Paepke; 06.11.2014
comment
Да, теперь я понимаю это, но мне потребовалось время, чтобы это понять. Было бы полезно увидеть это в консоли. - person jshou; 06.11.2014
comment
Также оказывается, что вам нужно добавить продолжительность в конструктор ScrollScene. - person kernel; 03.02.2015