janpaepke / ScrollMagic

The javascript library for magical scroll interactions.
http://ScrollMagic.io
Other
14.89k stars 2.17k forks source link

Multiple fade in elements causing tween override warning on console #995

Open mohomedanees opened 2 years ago

mohomedanees commented 2 years ago

Multiple fade in elements causing tween override warning on console

How can I resolve this issue?

Below is my function

let controllerFade = new ScrollMagic.Controller();

  $('.fade-in').each(function() {
    let tween = new TweenMax.from($(this), 0.7, {autoAlpha: 0, y: '+=40', x: '0', ease:Linear.easeNone});

    // build a scene
    let scene = new ScrollMagic.Scene({
      // duration: 400,
      triggerElement: this,
    })
    .setTween(tween)
    .addTo(controllerFade);
  }); 

Capture