JavaScript — установить несколько элементов setTween для прокрутки в ScrollMagic

Установить несколько элементов setTween для прокрутки в ScrollMagic

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

 // 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

Понравилась статья? Поделиться с друзьями:
JavaScript & TypeScript
Adblock
detector