Javascript 为ScrollMagic中的滚动设置多个setTween元素

我的问题是我用错了。它只使用第二个.setTween元素。在我的例子中，身份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);

在滚动过程中，如何设置一个html元素淡出，另一个淡入