Установить несколько элементов setTween для прокрутки в ScrollMagic - PullRequest
0 голосов
/ 18 октября 2019

Моя проблема в том, что я использую .setTween неправильно. Он использует только второй элемент .setTween. В моем случае #identity ID.

// init controller
var controller = new ScrollMagic.Controller();

// animations
var headerpic = TweenMax.to("#headerpic", 1, {opacity: 0.3});
var identity = TweenMax.from("#identity", 1, {opacity: 0});

// build scenes
var scene = new ScrollMagic.Scene({
  triggerElement: "#pin1", 
  duration: "100%",
  triggerHook: 'onLeave'
})
  .setTween(headerpic)
  .setTween(identity)
  .setPin("#pin1")
  .addIndicators({name: "pin1"})
  .addTo(controller);

Как мне установить .setTween, что один html-элемент затухает, а другой затухает во время прокрутки?

https://codepen.io/pauernet/pen/qBBaJYO

...