[(ask) 100% screenHeight scroll when user scroll until the trigger]

Sorry Im a new user of greensock .

I want to achieve a 100% screenHeight scroll whenever user scroll until the trigger :

 

================================================================================

var tween7b = TweenMax.fromTo('#red2', 1, {y: "100%"}, {y: "0%", backgroundColor:'#C74A00', ease: Linear.easeNone});

var tween7c = TweenMax.to('#red2', 1, {y: "-100%", backgroundColor:'#C74A00', ease: Linear.easeNone}); 

 

new ScrollMagic.Scene({triggerElement: "#trigger6e", 

triggerHook: 0.85})

.setTween(tween7b)

.addTo(controller);

 

new ScrollMagic.Scene({triggerElement: "#trigger6e", 

triggerHook: 0.45})

.setTween(tween7c)

.addTo(controller)

.addIndicators();

==================================================================================

 

Sometimes its work, but sometimes it failed. I guess its getting confused because of two TweenMax.fromTo affected the same ID ? how could I achieve what I want then? thankyou before