Моя проблема в том, что я использую .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